时间:2021-05-19
这两天在搞与H5交互的事,之前做的都是加载的静态的web页面,交互调试起来很快,这次搞的是js写的前端页面,跳转什么的都是动态的,然后就不响应了,搞了半天原来是缓存的问题,这里简单介绍一下,一般请求会使用下面的方法:
+ (instancetype)requestWithURL:(NSURL *)URL;该方法的描述如下:
Creates and returns a URL request for a specified URL with default cache policy and timeout value.
The default cache policy is NSURLRequestUseProtocolCachePolicy and the default timeout interval is 60 seconds.
大概意思是使用的缓存策略是根据协议来的, 即 NSURLRequestUseProtocolCachePolicy. 超时时间默认是60s.也就是说类似如下的请求:
NSURLRequest *urlReq = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.f];如果协议支持缓存的话, UIWebview 请求到的数据就是缓存数据.该缓存是需要 WEB 服务器支持的.看一下常用的方法
// 使用缓存数据, 如果有缓存的话// 使用这个方法, 改变 HTML 或者 JS 代码// 页面不会拉取最新数据, 还是使用之前请求到的数据.// 除非重新刷新NSURLRequest *urlReq = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReturnCacheDataDontLoad timeoutInterval:10.f]; // 使用协议缓存, 需要 web 服务器支持.NSURLRequest *urlReq = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.f]; // 不使用缓存, 加载数据NSURLRequest *urlReq = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringCacheData timeoutInterval:20.0];下面是清除缓存的方法
[[NSURLCache sharedURLCache] removeAllCachedResponses];[[NSURLCache sharedURLCache] setDiskCapacity:0];[[NSURLCache sharedURLCache] setMemoryCapacity:0];上面清除缓存的时候我们也看到了UIWebview缓存主要是利用NSURLCache来实现内存缓存或者本地缓存。内存缓存的最大值是4M(410241024),本地缓存是20M。
NSURLCache *cache = [[NSURLCache alloc] initWithMemoryCapacity:4*1024 * 1024 diskCapacity:0 diskPath:nil];[NSURLCache setSharedURLCache:cache];其中[NSURLCache setSharedURLCache:cache]是针对当前进程中的所有clients做的共享缓存。由于iOS中当前进程中只有一个app, 所以只要是当前app中UIWebview加载的H5页面,都是共享这个缓存空间的。
在加入上述功能之后,利用charles抓包,发现第一次加载H5页面时候,很多的css文件,在二次打开该页面的时候,charles没有抓到,这个也证明了,在将css等资源文件缓存之后,再次打开H5页面之后,UIWebview直接从NSURLCache中获取缓存的css等资源,不会再次发起请求。另外也可以在加载H5后,打印cache.currentMemoryUsage来查看对应的内存消耗情况,如果数字大于0,就说明缓存中已经存储H5内容了。
以上是在内存中缓存H5页面,这个策略有个问题,如果用户将进程杀掉,再次打开H5的时候,需要重新缓存。还有另外一种缓存策略,在本地缓存H5内容,主要是利用在NSURLCache子类中重写下面方法。
- (NSCachedURLResponse *)cachedResponseForRequest:(NSURLRequest *)request以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序之数据缓存的实例详解前言:在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstora
h5技术是指第5代HTML,也指用H5语言制作的一切数字产品。用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易
淘宝造物节H5是什么?淘宝造物节H5怎么做的?很多人说淘宝造物节H5能炸了朋友圈!淘宝造物节H5效果简直不要太好。但是也还与人对淘宝造物节H5知之甚少,我们
本文详细介绍了如何在H5中实现长按保存图片的功能。长按保存图片是现在一些宣传页H5中很常见的需求,但是js没有这样的能力,所以要么借助android或ios的原
h5页面唤起app如果没安装就跳转下载(iOS和Android)浏览器和app没有通信协议,所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起a