2013-10-01 100 views
2

當我編寫HTML和CSS並在瀏覽器中加載頁面以檢查更改時,有時它不會更新一段時間。這顯然會導致增量更改出現問題,因爲很難判斷它是否更改以適應我的最新更改。編碼HTML時,瀏覽器並不總是檢測到更改

我想知道是否有解決方法?可能是特別針對這種情況的瀏覽器(或模式)沒有這種行爲?

+1

http://stackoverflow.com/questions/7078953/how-to-force-chromes-script-debugger-to-reload-javascript – jantimon

+1

禁用您的瀏覽器緩存... – gearsdigital

+0

使用隱身瀏覽或私人瀏覽 – jayadevkv

回答

3

嘗試按Ctrl + F5在Windows或Cmd的 + + [R在OSX上,這將避免你的瀏覽器中加載頁面時讀取它的緩存(至少當它是Chrome或Firefox)

+0

在Chrome上,您還可以安裝我使用的酷炫擴展程序:https://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap – antoine129

+0

嗯,這是行不通的。也許這與它在localhost上是一個.php文件有關。當然它應該馬上刷新? – Andrew

+0

取決於你的.php中的內容;) – antoine129

1

您可以嘗試刪除瀏覽器緩存並重新加載頁面。 在CSS的情況下,我還發現有時我需要在瀏覽器中單獨加載CSS文件並刷新它以進行更新。

1

聽起來像你的瀏覽器緩存,你可以通過清除它或做一個「硬刷新」來確認。

你需要拋出一些沒有緩存頭,如果你想永久停止這一點,你可以根據你的設置Web服務器或服務器端代碼做到這一點(見How to control web page caching, across all browsers?

1

在Windows下刷新與CTRL + F5。瀏覽器不會從緩存中顯示。同樣在開發人員工具中,您可以告訴它不從緩存中加載

2

這主要是因爲瀏覽器緩存。

只是一個建議(你會發現它是有用的,作爲一個除了其他的答案):

如果您使用的是Chrome則是禁用緩存,而開發的工具欄是打開的選項。它對我來說確保在我開發時沒有緩存。 (我在開發過程中始終打開我的開發工具欄,所以它適用於我),這裏是屏幕截圖。從Chrome瀏覽器開發工具(https://developers.google.com/chrome-developer-tools/docs/settings

一般

禁用緩存

報價將防止資源的高速緩存僅適用於具有DevTools開放 頁。如果 DevTools關閉,這將不會禁用緩存

enter image description here

+0

嗯,我遵循了這些步驟,但它仍然沒有更新我的內容。這可能是因爲我保存到本地主機。也許這有一些影響? – Andrew

+0

有趣的是,嘗試從您的Web服務器發送'no-cache'頭,然後檢查以確定它是否是緩存問題或其他問題。 –

+0

@Andrew你是對的,'no-cache'頭會阻止瀏覽器緩存結果。 BTW!將這些頭文件設置爲靜態資源(如js/css/images等)並不是一個好主意。緩存靜態資產是個好主意。我相信上面的答案可以幫助你通過沒有'no-cache'頭的緩存。 –

0

嗯,可能是一個Web服務器的設置,高速緩存請求的相同的資源。我曾經在使用JSP的tomcat上看到過很多。使用tomcat,我們用來刪除已編譯的類('work'文件夾),但在您使用PHP的情況下,您可能會檢查您的服務器緩存設置(文件/會話)。例如:「典型的Web服務器(如Apache)使用文件修改時間通知Web瀏覽器所請求的頁面的年齡,從而允許瀏覽器採取適當的緩存操作。通過動態網頁,實際的PHP腳本可能會偶爾改變;同時,它顯示的內容,這往往是從數據庫中提取,會頻繁地改變「

來源:http://www.sitepoint.com/caching-php-performance/

另一種解決方法是將觸摸(添加一個空格並保存)您的PHP文件,當你想它重新加載。