Html页面缓存的问题

原创 15038098692 随笔 随笔 209阅读 2018-06-26 13:39:02 举报

MD---------
html页面缓存问题--

分享的html页面修改后再次打开,在微信上是修改后的页面内容,
在qq内还是原来的内容-------手动刷新才会出现新的内容------有缓存-----

每次修改后,怎么让其获取到最新的内容呢?

1、页面内容

说明:HTTP头信息“Expires”和“Cache-Control”为应用程序服务器提供了一个控制浏览器和代理服务器上缓存的机制。HTTP头信息Expires告诉代理服务器它的缓存页面何时将过期。HTTP1.1规范中新定义的头信息Cache-Control可以通知浏览器不缓存任何页面。当点击后退按钮时,浏览器重新访问服务器已获取页面。如下是使用Cache-Control的基本方法:
  1) no-cache:强制缓存从服务器上获取新的页面
  2) no-store: 在任何环境下缓存不保存任何页面
  HTTP1.0规范中的Pragma:no-cache等同于HTTP1.1规范中的Cache-Control:no-cache,同样可以包含在头信息中。

2、CSS和JS文件

改成

就是只要在每次修改后改一下版本号即可

这样每次修改后都要改,有没有自动加版本号的东西,估计有,如果是JSP和php可以通过脚本
自动生成,如果是纯html也可以通过document.write,或者用动态加载JS的框架啥的。

3.清理form表单的临时缓存

其实form表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!

4.jquery ajax清除浏览器缓存

方式一:用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:

方法二,直接用cache:false

方法三:用随机数,随机数也是避免缓存的一种很不错的方法!

方法四:用随机时间,和随机数一样。

多学习吧-------多总结吧----多记点内容吧----

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复