後台修改js或者css檔案之後，用戶端重新整理但是無效的問題

標籤：檔案   asc   自動   代碼   下載頁面   ext   刪除cookie   問題   頁面   

前端開發會遇到一個問題：修改測試前端代碼的時候，有時候修改了css或者js檔案，但是前端重新整理的時候卻沒有反應，不免讓人感覺是不是修改錯誤，其實這有可能是用戶端緩衝問題。解決方案：

 

1）Ctrl+F5，清除瀏覽器緩衝（等同於瀏覽器-->曆史資料-->刪除cookies）

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等進行前端構建

後台修改js或者css檔案之後，用戶端重新整理但是無效的問題