后台修改js或者css文件之后,客戶端刷新但是無效的問題


前端開發會遇到一個問題:修改測試前端代碼的時候,有時候修改了css或者js文件,但是前端刷新的時候卻沒有反應,不免讓人感覺是不是修改錯誤,其實這有可能是客戶端緩存問題。解決方法:

 

1)Ctrl+F5,清除瀏覽器緩存(等同於瀏覽器-->歷史數據-->刪除cookies)注意:如果是利用F12中的Disable cache,則需要F12打開控制台才能生效

2)在js或css后加版本號,這時候瀏覽器客戶端會認為這是不同版本的js或者css文件,會自動重新刷新下載(瀏覽器會緩存下載頁面js和css文件)

  2.1)形如:.css?v=x  或者 css?version=x     <link rel="stylesheet"  href="xx/xx.css?version=x.x.x" type="text/css" />  

  2.2)形如:.js?v=x  或者 css?version=x  <script type="text/javascript" src=../...js?v=x ></script>

3)使用gulp等進行前端構建

 


免責聲明!

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



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