強制瀏覽器刷新：CSS 和JavaScript 的快取失效

開發網站時，遇到瀏覽器快取問題會阻止立即更新，這令人沮喪反映在顯示器上。這可能會導致混亂並浪費時間。幸運的是，有一些方法可以強制瀏覽器刷新並確保及時應用修改後的程式碼。

一般解決方案

最有效的解決方案是瀏覽器硬刷新，透過按在Mac 上，Ctrl Shift R 或Cmd Shift R。這會繞過快取內容並從伺服器檢索新資料。

PHP

對於基於 PHP 的網站，可以修改 PHP 腳本以停用快取。這可以透過將過期標頭設定為過去的日期來完成，有效地將內容標記為過期：

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

Google Chrome 在其開發者工具中提供了一個停用快取的選項。若要存取它，請按 F12，按一下齒輪圖標，然後在設定對話方塊中選擇「停用快取」。

Firefox

在Firefox 中，在網址列輸入about:config 並找到標題為network.http.use- cache 的首選項。將此值設為 false 以停用瀏覽器快取。