微信浏览器缓存问题

已剪辑自: https://blog.csdn.net/u013022210/article/details/52680700

移动端缓存问题

1.html meta头解决方案如下:

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

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

禁止缓存效果不明显

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

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

优点:

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

缺点:

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

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

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

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

优点:

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

缺点:

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

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

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

4.通过路由(因为和路由工作原理类似)修改用户每次访问的地址

实质为:将用户访问的每个地址通过一个中转页面都动态添加一个随机的版本号【利用获取当前秒保证版本唯一性】。

优点:

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

B.适用于当前页面提交

缺点:

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

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

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

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

后台相关实现

本质还是通过HTML相关支持实现

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

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

 
 

 
 



打赏

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据