微信浏览器缓存问题

移动端缓存问题

1.html5  解决方案如下:

  在每个页面头部添加禁止缓存代码

<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="expires" content="0">

 

禁止缓存效果不明显

 

2.通过修改文件名称(加版本号)达到文件加载

项目整体文件加载效果明显

 

优点:

A.能解决缓存问题,但需要借助其他工具对文件名进行修改,管理

B.

 

缺点:

A.每次都需要修改每个文件名称,不利于管理和开发

B.面向用户的访问文件地址不能修改,故此初始加载文件也不能被‘刷新’

 

 

3.通过修改访问连接(加版本号)达到页面重新加载问题

项目整体文件加载效果明显

 

优点:

A.能解决缓存问题,适用于登录,注册跳转等

 

缺点:

A.用户有可能访问的是同一个链接(固定链接),修改不了面向用户的初始链接,因此还是会清除不了缓存

B.每次都需要修改文件后面的版本号,不利于管理和开发

C.面向用户的访问文件地址不能修改,故此初始加载文件也不能被‘刷新’

 

 

4.通过路由(因为和路由工作原理类似)修改用户每次访问的地址,实质为:将用户访问的每个地址通过一个中转页面都动态添加一个随机的版本号【利用获取当前秒保证版本唯一性】。

中转页面demo如下:

https://yunpan.cn/ckXQJYQbPD5QA  访问密码 3e50

https://github.com/Nicole0724/appCache

 

优点:

A.将原来每个页面都会缓存,缩小到只有‘中转页’缓存

B.适用于当前页面提交

 

缺点:

A.当项目如果用到跨页面提交的话即会存在数据传输的问题,这样的话需要在中转页面接受然后处理再跳转到相关页面

(如果用到表单form跨页面提交的话,会出现提交的信息会丢失,

【解决办法为:在中转页面先接收再继续提交】)

B.还是有一定概率缓存,因为中转页面不能一直修改

 

-------------------------------------------------------利用后台技术修改------------------------------------------------

1.将页面跳转的中转页面放到后台中完成。

2.利用JSPPHP等后端技术亦可达到,禁止缓存

3.

 

 

 

发布了93 篇原创文章 · 获赞 162 · 访问量 43万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览