在首次刷新CSS更改後，Web瀏覽器無法加載完整樣式表？緩存？

在Chrome和Firefox中，瀏覽器在進行更改後都不加載完整的樣式表。我必須刷新瀏覽器兩次。樣式都在一個樣式表中，所以這對我來說沒有意義。在首次刷新CSS更改後，Web瀏覽器無法加載完整樣式表？緩存？

主要的元兇是ul元素被設置爲顯示：沒有被用戶代理樣式ul，菜單顯示塊覆蓋。但是，如果我再次刷新，那麼我的整個樣式表加載。我所有的文件和文件夾都存儲在工作服務器上。這是一個緩存問題嗎？

2012-02-27 Kyle Hyde

您使用HTML5應用程序緩存嗎？ – petschekr 2012-02-27 22:39:36

聽起來像是一個緩存問題，是的。同時檢查你的服務器配置。 – hakre 2012-02-27 22:41:00

也許一些不正確的代理（本地或您的互聯網或託管服務提供商）。 – 2012-02-27 23:11:22

爲了防止css文件的緩存，你可以附加一個查詢字符串。當我們更新我們的主網站時，我會這樣做。

<link rel="stylesheet" type="text/css" href="http://mysite.com/all.css?v=1.3">

無論何時我們做一個發佈，我都會增加這個值。如果您只是測試您的Web服務器，則可以輸入一些生成當前時間的動態代碼。

2012-02-27 22:43:42 mrtsherman

我已經嘗試將動態版本添加到CSS文件，但問題仍然存在。這非常煩人，因爲它使得實時重裝無用。 – 2012-02-27 22:58:35

@KyleHyde - 這聽起來不像客戶端問題，您可能想要編輯您的問題並添加您的服務器配置以及您可能使用的任何緩存插件/擴展。 – mrtsherman 2012-02-27 23:01:27

在Chrome中，您可以在開發時禁用緩存。打開開發者工具（F12，或按Ctrl - 移 - Ĵ），點擊在最右下角的齒輪，並勾選「禁用緩存」。

2012-02-27 22:57:40 yonran

很酷，不知道。 – mrtsherman 2012-02-27 23:00:16

這也沒有解決問題。 – 2012-02-27 23:00:25

在Firefox中，它不太舒服，你需要在'about：config'中設置'network.http.use-cache = false'。 – kynan 2013-01-26 13:10:58

回答