ios h5 返回上一页 页面不刷新(ios h5 无法获取缓存)

html-css010

ios h5 返回上一页 页面不刷新(ios h5 无法获取缓存),第1张

ios内嵌h5页面,从a页面跳转到b页面,b页面设置了缓存,然后走h5的返回,到a页面时,a页面无法获取到缓存

其实并不是a页面拿不到缓存,而是因为ios的缓存机制造成。返回本页面时,页面没有重新请求,所以你拿到的缓存实际是你第一次进入本页面时拿到的缓存值,所以自然无法走得通。

通过windows页面监听,监听页面隐藏显示,当从另一个页面返回时,刷新当前页面即可。

附带一个我用的获取设备类型的方法:checkDevice()吧,有需要自取。

笔者性懒,腹中无墨

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网页,不成功则加载缓存.