這兩天在搞與H5交互的事，之前做的都是加載的靜態(tài)的web頁面，交互調(diào)試起來很快，這次搞的是js寫的前端頁面，跳轉(zhuǎn)什么的都是動態(tài)的，然后就不響應(yīng)了，搞了半天原來是緩存的問題，這里簡單介紹一下，一般請求會使用下面的方法:

+ (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.

大概意思是使用的緩存策略是根據(jù)協(xié)議來的, 即 NSURLRequestUseProtocolCachePolicy. 超時時間默認(rèn)是60s.也就是說類似如下的請求:

NSURLRequest *urlReq = [NSURLRequest requestWithURL:url
                      cachePolicy:NSURLRequestUseProtocolCachePolicy
                      timeoutInterval:60.f];

如果協(xié)議支持緩存的話, UIWebview 請求到的數(shù)據(jù)就是緩存數(shù)據(jù).該緩存是需要 WEB 服務(wù)器支持的.看一下常用的方法

// 使用緩存數(shù)據(jù), 如果有緩存的話
// 使用這個方法, 改變 HTML 或者 JS 代碼
// 頁面不會拉取最新數(shù)據(jù), 還是使用之前請求到的數(shù)據(jù).
// 除非重新刷新
NSURLRequest *urlReq = [NSURLRequest requestWithURL:url
                      cachePolicy:NSURLRequestReturnCacheDataDontLoad
                    timeoutInterval:10.f];
 
// 使用協(xié)議緩存, 需要 web 服務(wù)器支持.
NSURLRequest *urlReq = [NSURLRequest requestWithURL:url
                      cachePolicy:NSURLRequestUseProtocolCachePolicy
                    timeoutInterval:60.f];
 
// 不使用緩存, 加載數(shù)據(jù)
NSURLRequest *urlReq = [NSURLRequest requestWithURL:url
                      cachePolicy:NSURLRequestReloadIgnoringCacheData
                    timeoutInterval:20.0];

下面是清除緩存的方法

[[NSURLCache sharedURLCache] removeAllCachedResponses];
[[NSURLCache sharedURLCache] setDiskCapacity:0];
[[NSURLCache sharedURLCache] setMemoryCapacity:0];

上面清除緩存的時候我們也看到了UIWebview緩存主要是利用NSURLCache來實現(xiàn)內(nèi)存緩存或者本地緩存。內(nèi)存緩存的最大值是4M(410241024),本地緩存是20M。

NSURLCache *cache = [[NSURLCache alloc] initWithMemoryCapacity:4*1024 * 1024 diskCapacity:0 diskPath:nil];
[NSURLCache setSharedURLCache:cache];

其中[NSURLCache setSharedURLCache:cache]是針對當(dāng)前進程中的所有clients做的共享緩存。由于iOS中當(dāng)前進程中只有一個app, 所以只要是當(dāng)前app中UIWebview加載的H5頁面，都是共享這個緩存空間的。

在加入上述功能之后，利用charles抓包，發(fā)現(xiàn)第一次加載H5頁面時候，很多的css文件，在二次打開該頁面的時候，charles沒有抓到，這個也證明了，在將css等資源文件緩存之后，再次打開H5頁面之后，UIWebview直接從NSURLCache中獲取緩存的css等資源，不會再次發(fā)起請求。另外也可以在加載H5后，打印cache.currentMemoryUsage來查看對應(yīng)的內(nèi)存消耗情況，如果數(shù)字大于0，就說明緩存中已經(jīng)存儲H5內(nèi)容了。

以上是在內(nèi)存中緩存H5頁面，這個策略有個問題，如果用戶將進程殺掉，再次打開H5的時候，需要重新緩存。還有另外一種緩存策略，在本地緩存H5內(nèi)容，主要是利用在NSURLCache子類中重寫下面方法。

- (NSCachedURLResponse *)cachedResponseForRequest:(NSURLRequest *)request

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論