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


場景

項目在修改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’ />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM