在使用包含JS文件時,或項目在修改JavaScript和Css文件後,重新啓動項目,但瀏覽器不能正確加載修改後的JavaScript和Css文件,反而顯示修改前的文件。
原因
瀏覽器默認是有緩存的,默認加載緩存中的文件。特別是在Chorme中造成JS文件不起作用。
解決方法
方法一
調試前清除瀏覽器緩存,在瀏覽器設置界面-->設置-->更多工具-->清除瀏覽數據-->高級設置中。
或使用快捷鍵直接清理緩存 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=”login.js?version=1.0.1″></script>
採用方法四可以解決大多數Chorme中包含外部JS文件不生效的作用。