Swift实现UICollectionView中UIWebView缓存存储及离线展示方法问询

嘿，这个场景我刚好在之前的项目里折腾过，给你一套能直接落地的方案，针对UIWebView的离线缓存需求，结合你UICollectionView的复用场景，分步骤来：

UIWebView本身依赖NSURLCache做请求缓存，我们只需要把这个机制配置好，再结合网络状态调整策略，就能搞定离线展示。

一、先配置全局NSURLCache（App启动时搞定） #

首先在App启动阶段，设置全局的缓存大小和存储路径，让所有WebView的请求都共享这个缓存池：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // 内存缓存20MB，磁盘缓存500MB，自定义缓存路径方便管理
    NSURLCache *webCache = [[NSURLCache alloc] initWithMemoryCapacity:20*1024*1024
                                                         diskCapacity:500*1024*1024
                                                             diskPath:@"UIWebView_Offline_Cache"];
    [NSURLCache setSharedURLCache:webCache];
    return YES;
}

二、给每个WebView设置动态缓存策略（关键） #

你已经有了网络检测功能，那就根据网络状态给每个请求设置对应的缓存策略，确保离线时优先读缓存：

// 在你的UICollectionViewCell里，加载Web内容的方法
- (void)loadWebContentWithURL:(NSURL *)targetURL {
    NSMutableURLRequest *webRequest = [NSMutableURLRequest requestWithURL:targetURL];
    
    if (![self isNetworkAvailable]) {
        // 离线模式：强制读取缓存，没有缓存才失败
        webRequest.cachePolicy = NSURLRequestReturnCacheDataDontLoad;
    } else {
        // 在线模式：先显示缓存内容，后台悄悄更新最新缓存
        webRequest.cachePolicy = NSURLRequestReturnCacheDataElseLoad;
        // 如果你希望在线时总是拉最新内容，但同时更新缓存，也可以用NSURLRequestUseProtocolCachePolicy
    }
    
    [self.webView loadRequest:webRequest];
}

三、解决UICollectionView复用的缓存冲突问题 #

因为Cell是复用的，一定要避免不同Cell的WebView缓存互相干扰：

// 重写Cell的prepareForReuse方法，清理旧请求
- (void)prepareForReuse {
    [super prepareForReuse];
    [self.webView stopLoading];
    // 加载空白页清空当前WebView的内容，避免复用时显示旧缓存
    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"about:blank"]]];
}

另外要确保每个Cell加载的URL是唯一的，NSURLCache会根据URL区分缓存内容，不会串页。

四、可选：手动缓存静态资源（针对复杂页面） #

如果有些页面的静态资源（图片、CSS、JS）原生缓存抓不到，或者你需要完全离线的精细控制，可以手动下载资源到本地：

1. 在线时提前下载页面的静态资源，存到沙盒的Library/Caches目录；
2. 离线时修改HTML里的资源路径为本地路径，再加载修改后的HTML：

// 示例：替换HTML中的远程图片URL为本地路径
NSString *originalHTML = [self fetchOnlineHTML:targetURL];
NSString *offlineHTML = [self replaceRemoteResourceURLsWithLocalPaths:originalHTML];
// 加载本地处理后的HTML
[self.webView loadHTMLString:offlineHTML baseURL:[NSURL fileURLWithPath:NSHomeDirectory()]];

这个方法适合需要完全离线的复杂页面，但实现成本稍高，按需选择。

五、可选：缓存清理功能 #

如果需要给用户提供清理缓存的入口，可以直接调用NSURLCache的方法：

- (void)clearAllWebViewCache {
    // 清空原生缓存
    [[NSURLCache sharedURLCache] removeAllCachedResponses];
    // 如果有手动缓存的文件，删除自定义缓存目录
    NSString *cacheDir = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];
    NSString *customCachePath = [cacheDir stringByAppendingPathComponent:@"UIWebView_Offline_Cache"];
    NSError *error;
    [[NSFileManager defaultManager] removeItemAtPath:customCachePath error:&error];
}

最后提个小建议 #

UIWebView已经被苹果废弃了，如果后续有迭代计划，建议迁移到WKWebView，它的缓存管理更灵活，性能也更好。测试的时候记得模拟离线状态（关掉Wi-Fi和蜂窝），验证每个Cell的缓存加载是否正常。

内容的提问来源于stack exchange，提问作者shree thaanu