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