Chrome瀏覽器不能正確加載更新後JavaScript和Css文件原因及解決方法

在使用包含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文件不生效的作用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章