請告訴我一個網站後更新的CSS樣式表中的最佳實踐經歷視覺上的變化?
我最近用新圖像更新了我的網頁並更新了CSS。當我的朋友瀏覽這個網站時,他的瀏覽器出於某種原因而在之前的CSS中出現了新圖片。他之前曾訪問該網站。根據我的理解,樣式表沒有被刷新,但是他的圖像在第一次啓動時導致圖像顯示不正確。在刷新頁面後,它更新了CSS並且看起來不錯。
我是否需要在重大更改後更改css的名稱以強制下載新樣式表?或者有沒有辦法讓瀏覽器執行強制重新加載樣式表?
請告訴我一個網站後更新的CSS樣式表中的最佳實踐經歷視覺上的變化?
我最近用新圖像更新了我的網頁並更新了CSS。當我的朋友瀏覽這個網站時,他的瀏覽器出於某種原因而在之前的CSS中出現了新圖片。他之前曾訪問該網站。根據我的理解,樣式表沒有被刷新,但是他的圖像在第一次啓動時導致圖像顯示不正確。在刷新頁面後,它更新了CSS並且看起來不錯。
我是否需要在重大更改後更改css的名稱以強制下載新樣式表?或者有沒有辦法讓瀏覽器執行強制重新加載樣式表?
他有以前的版本,因爲它被緩存。在他的最後,他可以通過使用cntrl
+ f5
(在Chrome上)或他的瀏覽器等效來「強制」一個新的CSS文件。或者只是清空他的緩存。
對於你來說,你可以做的是改變樣式表的名字。您可以通過在樣式表href中添加?=x
來完成此操作。它使瀏覽器認爲它是一個新版本,但實際上只是舊版本。
如果您不希望文件被再次緩存(我不推薦),你可以添加一個時間戳的?=
,但同樣,我不建議
常見的解決方法是這樣的:<link href="css/style.css?<?php echo time();?>"
這將強制瀏覽器重新下載css文件。瀏覽器會認爲這是一個新文件。
瀏覽器正在緩存CSS文件。如果在開發過程中這是一個問題,您可以使用像時間戳腳本鏈接的技巧:described here
在生產中,這通常不是問題,可以通過用戶清除緩存來解決。一般來說,瀏覽器會在刷新時提取更改。