X
點擊此處開啟此網站的行動版。

技術支援討論區

Styles within pages are cached and don't reload. How not to cache styles in local pages?

已張貼

When developing an html or svg file I repeat editing content and style information and reload the file in Firefox. When editing styles I can't save them notifying cache. When editing content in external editor and reloading file all style changes are lost. However when editing styles in external editor, I can't force to reload them without deleting cache in general and when continuing to edit styles in Firefox all previously lost changes are lost on locally stored file as well. So how can I prevent Firefox from caching style information contained in local html or svg files?

When developing an html or svg file I repeat editing content and style information and reload the file in Firefox. When editing styles I can't save them notifying cache. When editing content in external editor and reloading file all style changes are lost. However when editing styles in external editor, I can't force to reload them without deleting cache in general and when continuing to edit styles in Firefox all previously lost changes are lost on locally stored file as well. So how can I prevent Firefox from caching style information contained in local html or svg files?

被選擇的解決方法

I think this solution is better for solving the cache issue within a single page:

  1. Open the developer toolbox (F12).
  2. Click the settings button (three dots near the top right).
  3. Scroll down to the Advanced settings on the bottom right.
  4. Check the option "Disable Cache (when toolbox is open)".
  5. Refresh the page.

Also try Shift + Ctrl + R.

從原來的回覆中察看解決方案 0
引用

額外的系統細節

應用程式

  • User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:69.0) Gecko/20100101 Firefox/69.0

更多資訊

jscher2000
  • Top 10 Contributor
8765 個解決方法 71703 個答案

有幫助的回覆

Hi Vollbracht, as far as I can tell, Firefox's cache settings don't distinguish different types of files. You could temporarily disable the disk cache and see whether that helps:

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.

(2) In the search box above the list, type or paste cache and pause while the list is filtered

(3) Double-click the browser.cache.disk.enable preference to switch the value from true to false

Does that make it easier? More difficult?

Hi Vollbracht, as far as I can tell, Firefox's cache settings don't distinguish different types of files. You could temporarily disable the disk cache and see whether that helps: (1) In a new tab, type or paste '''about:config''' in the address bar and press Enter/Return. Click the button accepting the risk. (2) In the search box above the list, type or paste '''cache''' and pause while the list is filtered (3) Double-click the '''browser.cache.disk.enable''' preference to switch the value from true to false Does that make it easier? More difficult?
這篇文章有幫助嗎? 1
引用

提出問題者

This is a good work around - at least when in a longer development session. Thank you! But the described behavior of Firefox should merely be regarded as a bug.

A solution would be, never to cache anything coming with local files. This should be default behavior any how. A solution would be to reload every style for every reloaded page. This should be default behavior as well as even complex css are a couple of bits only. An other solution would be never to cache different file content separately.

I don't know whether all of these solutions are realistic as styles are to be merged cascading. What can I do to follow up any of them?

This is a good work around - at least when in a longer development session. Thank you! But the described behavior of Firefox should merely be regarded as a bug. A solution would be, never to cache anything coming with local files. This should be default behavior any how. A solution would be to reload every style for every reloaded page. This should be default behavior as well as even complex css are a couple of bits only. An other solution would be never to cache different file content separately. I don't know whether all of these solutions are realistic as styles are to be merged cascading. What can I do to follow up any of them?
這篇文章有幫助嗎?
引用
jscher2000
  • Top 10 Contributor
8765 個解決方法 71703 個答案

有幫助的回覆

Hmm, did that help on yours?

When I search the Disk cache page of about:cache (very slow loading 15000+ entries), there are extremely few file:// entries in there (only one after loading a few files). So I'm not sure what's going on.

(I habitually reload pages bypassing the cache -- Ctrl+Shift+r -- so I haven't noticed sticky style sheets from local files.)

Hmm, did that help on yours? When I search the Disk cache page of about:cache ''(very slow loading 15000+ entries)'', there are extremely few file:// entries in there (only one after loading a few files). So I'm not sure what's going on. (I habitually reload pages bypassing the cache -- Ctrl+Shift+r -- so I haven't noticed sticky style sheets from local files.)
這篇文章有幫助嗎? 1
引用
FranciscoJS12 1 個解決方法 1 個答案

選擇的解決方法

I think this solution is better for solving the cache issue within a single page:

  1. Open the developer toolbox (F12).
  2. Click the settings button (three dots near the top right).
  3. Scroll down to the Advanced settings on the bottom right.
  4. Check the option "Disable Cache (when toolbox is open)".
  5. Refresh the page.

Also try Shift + Ctrl + R.

I think this solution is better for solving the cache issue within a single page: # Open the developer toolbox (F12). # Click the settings button (three dots near the top right). # Scroll down to the Advanced settings on the bottom right. # Check the option "Disable Cache (when toolbox is open)". # Refresh the page. Also try Shift + Ctrl + R.

由 FranciscoJS12 於 修改

這篇文章有幫助嗎?
引用
問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題