如何強制瀏覽器刷新快取的 CSS 檔案？

強制刷新快取的CSS 資料

更新網站CSS 時會出現一個挑戰：快取了先前CSS 的瀏覽器將不會收到版本更新，導致渲染問題。要解決此問題，可以採用多種方法強制瀏覽器取得並使用新的CSS：

檔案名稱或查詢字串修改：

• 檔案名稱：將CSS 檔案的名稱更改為不同但有意義的名稱版本。
• 查詢字串： 將隨機或特定於版本的參數附加到 CSS 檔案的 URL。

HTTP 標頭最佳化：

• 設定HTTP 標頭，例如Cache-Control: no-cache 或Expires：0 覆蓋瀏覽器快取。

基於觀察的快取行為：

• 瀏覽器可以快取帶有過期標頭的靜態檔案名，而隨機查詢字串從未緩存。

參數和範例：

• 查詢字串（隨機）：附加隨機參數以強制執行新請求。

  <link href="style.css?v=%5BRandom%20Value%5D">

• 查詢字串(Versioned): 附上版本號以表示更新CSS。

  <link href="style.css?v=2.1">

• 檔案名稱修改：將 CSS 檔案重新命名為新版本。

  <link href="v2-style.css">

其他注意事項:

• 檔案重新命名為優於查詢字串修改，因為它不會影響快取行為。
• 應始終設定 HTTP 標頭以最大限度地發揮快取優勢。
• 瀏覽器和 Web 伺服器行為可能會有所不同，導致意外結果。

以上是如何強制瀏覽器刷新快取的 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！