前端開發會遇到一個問題:修改測試前端代碼的時候,有時候修改了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等進行前端構建