iOS 加载网页, 加载本地html,  并缓存处理

iOS 加载网页, 加载本地html,  并缓存处理,第1张

笔者性懒,腹中无墨

app嵌html屡见不鲜, 本文描述加载简单的html网页。

首先说明需求: 有网的状态直接从获取html网页并且缓存, 无网状态先从缓存读取html, 若不成功则加载本地html文件, 并且将本地html文件写入缓存, 以便下次读取.

1.加载html网页, viewWillAppear或者viewDidLoad.

以下QAUrl均为html完整的url

2.若成功, 就在成功的代理方法里, 将网页端html写入缓存

3.不成功,在失败的代理方法里, 加载磁盘缓存或者本地html,其中isNetConnected是指是否连接到互联网, 默认是true,加载失败后置为false.

fileprivate var isNetConnected: Bool = true // 是否连接到互联网

4.同样,此次成功后,在代理方法里,将本地html文件写入缓存

5.代理方法的里很简洁

6.需要注意的是

(1)拼接缓存地址时, 如果html的URL类似于" http://10.0.4.2:82/app/qa.html ",不能作为地址拼接,否则无法缓存.

(2)笔者将拼接地址统一写成"/Caches/feedback.html",若有新的缓存,则地址被覆盖,不会导致缓存多个相同文件,一般无需清理或者导致内存警告

(3)本文不涉及缓存图片, js交互等问题

7.补充:

开发过程中,笔者又遇到了一个问题,有网的情况下,网页也可能出现加载不成功.这个时候如果只是加载网页就会什么都没有.所以在viewWillAppear或者viewDidLoad里应该有个判断

如果请求request返回的finish是true即成功,则加载html网页,不成功则加载缓存.

我们项目中有的时候会使用HTML写一些静态页面, 然后直接加载显示到我们的APP中, 之前一直使用的UIWebView来加载, 是这样的: 如果想使用WKWebView来加载, 好像失败了: 这样是加载不了本地的HTML文件的. 下面就来看一下加载本地HTML的方法. 一般我们直接添加到项目中的文件是默认Create groups的, 即: 在我们添加文件到项目中, 例如一个文件夹, 选项是这样的: 这样在项目中添加的文件夹是黄色的, 这时我们在加载HTML的不能使用path来加载了, 应该使用URL, 即: 如果还是使用filePath来加载, 也是可以的, 但是将HTML文件添加到资源目录的时候需要注意: 我们需要选择Create folder references, 为便于区分, 我同样是添加了一个文件夹, 然后将HTML文件添加到这个文件下面: 这时候会发现, 文件夹是蓝色的, 项目中是这样的: 将HTML文件放到这个蓝色文件夹下面后, 我们就可以在项目中这样使用WKWebView来加载了: 这里最主要的是需要自己来拼接完整的文件路径: 上面黄色文件夹Files下的HTML可以使用UIWebView, 使用之前的方式加载, 也可以使用WKWebView以URL的方式来加载蓝色HTML_Files文件夹下的HTML文件, 可以使用上面的方式用WKWebView以路径的方式来来加载.

1、将html文件夹拖入项目根目录下,选择引用(蓝色文件夹)

2、获取index.html所在的路径

3、webView调用loadFileURL:allowingReadAccessToURL:方法加载

如果需要拼接额外参数,需要手动拼接地址,直接用fileURLWithPath生成的链接,会进行编码

NSString *basePath = [NSString stringWithFormat: @"%@/%@", [[NSBundle mainBundle] bundlePath], @"index.html所在的文件夹"]

NSURL *baseUrl = [NSURL fileURLWithPath: basePath isDirectory: YES]

NSString *filePath = [NSString stringWithFormat: @"file://%@/index.html#/?xxx=%@&sss=%@", basePath, @"xxx", @"sss"]

NSURL *fileUrl = [NSURL URLWithString: filePath]

[_webView loadFileURL: fileUrl allowingReadAccessToURL: baseUrl]


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6094084.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存