問題描述

我們公司是把項(xiàng)目從SVN下到本地，然后本地修改完后再上傳到服務(wù)器。現(xiàn)在問題在于當(dāng)本地修改了幾處樣式，或者外鏈的js，在瀏覽器預(yù)覽時(shí)，由于緩存原因看不到變動(dòng)，只能手動(dòng)清理緩存，但是修改頻繁時(shí)顯得比較麻煩。看了一下fis加時(shí)間戳的方法，似乎只是在部署或者更新時(shí)，從新配置一次項(xiàng)目。像這種本地修改得比較頻繁的，有什么好方法嗎？

問題解答

通過chrome禁用緩chrome dev tools > networks > disalbed cache, 見下圖

在css和js文件后面加版本號(hào)

可以用 Chrome 的 clean cache 插件，每次刷新頁面時(shí)點(diǎn)擊這個(gè)插件的按鈕就可以了，不用 Chrome 的刷新按鈕

建議使用 webpack 或者 gulp 這樣的構(gòu)建工具，在構(gòu)建項(xiàng)目時(shí)文件后面打上版本號(hào)，觸發(fā)瀏覽器的請(qǐng)求。

開發(fā)和部署前端代碼

每次修改后可以在文件后面添加時(shí)間戳來保證請(qǐng)求的是新修改的文件，像下面這樣<link rel='stylesheet' href='http://m.b3g6.com/wenda/css/main.css?i=2017051101'><script src='http://m.b3g6.com/wenda/js/config.js?i=2017051101'></script>

頁面上按鈕可以強(qiáng)制刷新 按鈕綁定事件location.reload()

CMD + SHIFT + R