網站建設完成後,難免會遇到CSS或JS以及圖片的(de)改動,一般情況下(xià),如果這(zhè)些文件名稱沒有變化(huà)的(de)情況下(xià),即使在服務器裏修改了(le)這(zhè)些元素,網站并不能馬上更新展示出來(lái),這(zhè)是什(shén)麽原因呢(ne)?
浏覽器爲了(le)更好的(de)減少從web服務器獲取數據帶來(lái)的(de)流量和(hé)帶寬壓力,設計了(le)緩存概念。浏覽器的(de)策略是将部分(fēn)靜态的(de)元素比如圖片、樣式表、JavaScript腳本等緩存在本地電腦(nǎo)中,不必每次刷新頁面都從服務器獲取,所以必須要手動去指示浏覽器立即更新。
一般情況下(xià)技術小夥伴會直接告訴客戶清除浏覽器緩存(把浏覽器中的(de)臨時(shí)文件夾的(de)文件删除再重新從服務器下(xià)載),一般WIN系統快(kuài)捷鍵是【Ctrl】+F5,MAC系統快(kuài)捷鍵是【Shitf】+【Command】+【R】,但是很多(duō)用(yòng)戶是不知道的(de)。
有沒有更好一些的(de)解決辦法呢(ne)?這(zhè)裏以網站改版修改CSS文件爲例,遠(yuǎn)策科技爲大(dà)家分(fēn)享一下(xià)我們經常使用(yòng)的(de)小技巧:
我們的(de)建議(yì)是大(dà)家可(kě)以通(tōng)過修改引入的(de)css文件名加參數的(de)方式告訴浏覽器更新緩存,比如css的(de)調用(yòng)加上參數,修改爲 link href="/style/yuance.css?v=8" ,可(kě)以更改後面的(de)數字版本号,這(zhè)樣客戶端浏覽器檢測到引入的(de)css文件的(de)變化(huà)會就會重新下(xià)載新的(de)js或css文件。