由于缓存机制的控制,页面的css和js文件经常不是最新的。这就导致我们不能及时看到修改效果,这个问题有个比较简单的解决方法:在文件链接后面加上时间戳。这样浏览器就认为是新的请求,不读取客户端浏览器的缓存文件,重新向服务器发送请求。
<link type="text/css" rel="stylesheet" href="images/style.css?t=1" />
<script type="text/javascript" src="images/demo.js?time=new Date().getTime()"></script>
根据url(统一资源定位符)规则可知,“?”后内容为参数部分,不影响文件的访问。