如何強制瀏覽器顯示CSS文件的最新更改？

的變化不會在我測試它，直到我按住CTRL 關鍵，點擊瀏覽器的刷新按鈕任何瀏覽器中顯示。

這意味着大多數用戶似乎不會看到我所做的更改。

如何強制瀏覽器立即顯示對CSS文件的更改（無需重命名CSS文件）？

2009-10-17 Edward Tanguay

鏈接樣式表時添加一個唯一字符串作爲查詢字符串。下面是一個例子

<link href="style.css?<?=filemtime("style.css")?>" rel="stylesheet" type="text/css" />

2009-10-17 00:48:27

+1這就是我所做的 – cletus 2009-10-17 01:04:32

+1對圖像有用的方法。 – hlpiii 2009-10-17 01:08:03

這取決於您的Web服務器。 Apache可以設置爲給定文件的最大緩存時間，我很確定IIS可以做同樣的事情。

或者，FORCE uncaching的常見解決方案是版本化您的CSS文件名（Rails在內部執行此操作）。例如，style.css變爲style-10162009.css

2009-10-17 00:44:28

您不能。

如果新的CSS文件與舊的名稱相同，瀏覽器將使用緩存的文件。這意味着你要麼得：

2009-10-17 00:45:08

緩存最終將更新到新文件，但不是直接。 – 2009-10-17 07:04:43

嗯，是的;但我假設它立即*而不是最終*的必要性。 =） – 2009-10-17 11:37:00

回答