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

技術支援討論區

How to stop Firefox from flashing white screen while page is loading?

已張貼

Hi, I use the dark reader add on which saves my eyes from the burning white pages of the internet. Unfortunately, firefox flashes white before loading new pages. How can this be stopped?

To reproduce, enable the dark reader add on. Go to duckduckgo in a new tab, do a search for anything and you'll see the screen flash white before loading results.

I was using this solution which was working perfectly, but it doesn't work anymore (after a recent refresh of firefox):

userChrome.css


@-moz-document url(chrome://browser/content/browser.xul) {

  #main-window,
  browser[type="content-primary"],
  browser[type="content"],
  tabbrowser#content,
  #content,
  browser[type="content"] > html
  {
     background: #323234 !important;
  }

}


userContent.css


@charset "utf-8"; /* CSS Document */

@-moz-document url("about:newtab") { body { background-color: #011326 !important;} }

@-moz-document url(chrome://browser/content/browser.xul) { browser[type="content-primary"] {background: #011326 !important} }


Any ideas?

Hi, I use the dark reader add on which saves my eyes from the burning white pages of the internet. Unfortunately, firefox flashes white before loading new pages. How can this be stopped? To reproduce, enable the dark reader add on. Go to duckduckgo in a new tab, do a search for anything and you'll see the screen flash white before loading results. I was using this solution which was working perfectly, but it doesn't work anymore (after a recent refresh of firefox): userChrome.css -------------------------------------- @-moz-document url(chrome://browser/content/browser.xul) { #main-window, browser[type="content-primary"], browser[type="content"], tabbrowser#content, #content, browser[type="content"] > html { background: #323234 !important; } } userContent.css -------------------------------------- @charset "utf-8"; /* CSS Document */ @-moz-document url("about:newtab") { body { background-color: #011326 !important;} } @-moz-document url(chrome://browser/content/browser.xul) { browser[type="content-primary"] {background: #011326 !important} } Any ideas?

被選擇的解決方法

You also need to change browser.xul to browser.xhtml in Firefox 69 and later.

@-moz-document url(chrome://browser/content/browser.xul) {} => @-moz-document url(chrome://browser/content/browser.xhtml) {}

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

額外的系統細節

應用程式

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0

更多資訊

cor-el
  • Top 10 Contributor
  • Moderator
17470 個解決方法 157890 個答案

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

This pref is false by default in Firefox 69 and later, but is created with a true value true in Firefox 68 when it detects the chrome folder with either of these two files to make the transfer to Firefox 69 easier. If you create a new profile in Firefox 69 and later then you need to toggle the pref manually yourself to make userChrome.css and userContent.css work again.

You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css. *toolkit.legacyUserProfileCustomizations.stylesheets = true This pref is false by default in Firefox 69 and later, but is created with a true value true in Firefox 68 when it detects the chrome folder with either of these two files to make the transfer to Firefox 69 easier. If you create a new profile in Firefox 69 and later then you need to toggle the pref manually yourself to make userChrome.css and userContent.css work again. You can open the <b>about:config</b> page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue. *https://support.mozilla.org/en-US/kb/about-config-editor-firefox
這篇文章有幫助嗎?
引用
cor-el
  • Top 10 Contributor
  • Moderator
17470 個解決方法 157890 個答案

選擇的解決方法

You also need to change browser.xul to browser.xhtml in Firefox 69 and later.

@-moz-document url(chrome://browser/content/browser.xul) {} => @-moz-document url(chrome://browser/content/browser.xhtml) {}

You also need to change browser.xul to browser.xhtml in Firefox 69 and later. @-moz-document url(chrome://browser/content/browser.xul) {} => @-moz-document url(chrome://browser/content/browser.xhtml) {}
這篇文章有幫助嗎? 1
引用

提出問題者

Thanks cor-el! That did it! My eyes are at peace again :)

Thanks cor-el! That did it! My eyes are at peace again :)
這篇文章有幫助嗎?
引用
問個問題

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