場景
項目在修改JavaScript和Css文件后,重新啟動項目,但瀏覽器不能正確加載修改后的JavaScript和Css文件,反而顯示修改前的文件。
原因
瀏覽器默認是有緩存的,默認加載緩存中的文件。
解決方法
方法一
調試前清除瀏覽器緩存,在瀏覽器設置界面-->設置-->更多工具-->清除瀏覽數據-->高級設置中。
或使用快捷鍵直接清理緩存 ctrl+shift+delete。
方法二
設置瀏覽器不緩存頁面。
在調試頁面中勾選Disable cache。
方法三
強制刷新頁面。
使用ctrl+shift+R 強制刷新,不使用瀏覽器緩存來刷新頁面。
方法四
從代碼角度解決緩存問題。
瀏覽器會緩存css或js文件,通過設置和改變版本號,瀏覽器就會重新下載新的js或css文件,在js或css后加?v= 版本號的用法如下
css和js帶參數(形如.css?v=與.js?v= 或 .css?version=與.js?version= )
<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script>
<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />