页面缓存的问题

页面缓存的问题可能大家都遇到过,很多功能做完没起效果,那么怎么解决这个问题呢?这里给出我的使用的解决方法

对于一个html页面,缓存分3部分,一个是页面内容,一个是css样式,一个是JS文件
1、页面内容
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

2、CSS和JS文件

<link rel="stylesheet" href="../css/register.css"/>
<script src="../scripts/register.js"></script>
改成
<link rel="stylesheet" href="../css/register.css?v=20161020"/>
<script src="../scripts/register.js?v=20161020"></script>
就是只要在每次修改后改一下版本号即可

这样每次修改后都要改,如果是JSP和php可以通过脚本
自动生成,如果是纯html也可以通过document.write,或者用动态加载JS的框架,gulp、webpack之类的脚手架工具。

猜你喜欢

转载自www.cnblogs.com/yiyangl/p/12924361.html