WEB应用开发过程中,经常遇到服务器端js/css文件已修改更新上传后,刷新浏览器,但是页面并没有展示更新的内容。
原因:浏览器缓存中存在更新之前的同名文件,所以就没有下载更新的文件,还是继续使用缓存中的旧文件,也就无法展示更新的内容了。
解决办法:
方法1. 在浏览器设置中清除缓存后,再刷新浏览器,就可以得到更新后的文件。
方法2. 在页面中引用更新的文件时添加参数如下:
<link rel="stylesheet" type="text/css" href="reset.css?v=1">
<script type="text/javascript" src="core.js?v=1"></script>
这样,每次更新文件时改一下参数,如:把v=1改为v=2,那么,刷新浏览器时,就会把该文件识别为一下新文件,而弃用缓存中的同名文件,自动下载更新后的文件。