クロムでページをロードする前に白い画面を防止しますか?


38

ページがすぐにロードされない場合、Chromiumおよび他のすべてのブラウザーは、応答を得る前に白い画面を表示しようとしました。

ここに画像の説明を入力してください

chrome://settings/personalGTK +テーマを使用していると言っても-私の場合は暗い背景のDarklooksです:

ここに画像の説明を入力してください

Chromiumでこれを回避する方法はありますか?または、ない場合、この「問題」がないブラウザーはありますか?


7
あなたのページも本当にぼやけています!
グレッグ14年

Firefoxの場合、値をbrowser.display.background_color暗い色(#333)に変更できます。browser { background-color: #333 !important; }およびtabbrowser tabpanels { background-color: #333 !important}をに追加してみてくださいuserChrome.css
Mateen Ulhaq 14年

このハックは私にとって白いフラッシュを解決しました。 stackoverflow.com/questions/16243105/...

暗いシークレットテーマchrome.google.com/webstore/detail/material-incognito-dark-t/をインストールしただけです。これで問題は解決しました。ページの読み込み時に白いページがなくなりました
wp78de

回答:


14

Google ChromeおよびChromiumについては、おそらく1373号の被害者です。暗い背景のWebサイトをナビゲートすると、ページ間の白いフラッシュが目立たなくなります

コメント261で説明されている悲惨さを最小限に抑えるためのハックがありますが、完全に排除するわけではありません。

一時的な修正として、カスタムのユーザースタイルシートを設定して、黒の背景でページをレンダリングし、Webサイトからスタイル情報を受け取る前に、ウィンドウを白ではなく黒でレンダリングし、代わりに黒で点滅するようにしました。恒久的な解決が行われるまで目。

ハックは、あなたに以下の行を追加する必要Custom.cssに位置しているUser StylesheetsあなたにDefaultフォルダ。私の場合、パスは~/.config/chromium/Default/User Stylesheetsです。

html, body{
background-color:#000000; //This sets the background color to black
color:#0000FF; //This sets the text to blue, so you can read it on webpages set to use defaults; white is too hard on my eyes and if you dont put this it will be black on black
}

Firefox用として、私は次のようにコードを使用するuserChrome.cssにあります~/.mozilla/firefox/profile_name/chrome

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*prevent white flash*/
tabbrowser tabpanels { background-color: #111 !important}

場合はchrome、フォルダが存在しない、それを作成します。chromeuserChrome.cssは大文字と小文字が区別されることに注意してください。


2
2015年にはChromiumソリューションは機能しませんでしたが、Firefoxソリューションはほとんど機能します。ブラウザがページを段階的にロードすることによるちらつきを完全に回避することはできません。
holocronweaver

4
ここでソースコードをフォークして別のハックgithub.com/hbtlabs/chromium-white-flash-fix
hbt

1
Firefoxの方法は、私のために働く(Ubuntuの18.04+ ffox 65.0.1)ない
wotter

3

私の知る限り、このバグを修正した古い方法はすべて機能しなくなりました(2016年)。私はこの問題を克服するために、今日解決策を考え出した、それについてここで入手可能であるいくつか書きました:http://jollo.org/LNT/public/chrome-white-flash.htmlを

基本的に、次のページがロードされるまでウィンドウをそれ自体にペイントするautohotkeyスクリプトを使用し、ウィンドウが点滅する期間をバイパスします。


2

素敵な回避策 vasa1、白い閃光は消えました。しかし、一部のウェブサイトの背景は黒くなり、少しいです:

ここに画像の説明を入力してください

だから私はそのCSSを適応させ、最終的には:

html:not(:hover), body:not(:hover){
    background-color:#000000;
}

これは、カーソルがページ上にない場合、背景が黒に設定されることを意味します。新しいタブボタンをクリックすると、カーソルがページ上にないため、白い背景の代わりに黒い背景が点滅します。ページ上にカーソルを置くと(読みているとき)、黒い背景が忘れられ、代わりにWebサイトの背景が使用されます。

ここに画像の説明を入力してください ここに画像の説明を入力してください


すばらしいです!コメントのリストに追加できるかどうかを確認してください(issue1373)。コメントが制限されているように見えるので、そうでないかもしれません。EditIssue権限を持つユーザーのみがコメントできます。:(

そして1年前にMidori(WebKitも)をテストしたとき、白くフラッシュしませんでした!今はどうなのかわかりません。Midoriをカスタマイズできず、クラッシュした(私にとって)か、いくつかの重要なページではなかったため、Midoriを離れました。

1
2016
ecoe

1

更新:以前の解決策にはバグがあり、ブラウザのスクロール状態が壊れたままだったため、画面の一時的な調光を使用するように回答を変更しました。

このソリューションでは、Chromeで利用可能になり、最終的にシステムのキーボードショートカットにマッピングされるサービスとして設定されたオートマトンスクリプトを使用します。簡単な解決策は、画面を5倍ほど暗くすることだけでしたが、明るさに応じてその送信で遊びたいかもしれません。たとえば、非常に暗い設定を使用すると、画面が一瞬完全に空白になりますが、それでも白の閃光よりも優れています。

https://gist.github.com/lacostenycoder/01108de10fe02e2f39d9cceb2457b895を参照してください

on run {input, parameters}

    set the_application to (path to frontmost application as Unicode text)

  repeat 5 times
    tell application "System Events"
          key code 107
      end tell
  end repeat
  delay 1

    tell application "System Events"

    keystroke "t" using command down
    delay 1

    end tell
  delay 1 
  repeat 5 times
    tell application "System Events"
          key code 113
      end tell
  end repeat

    return input
end run

0

いいですね、それは歴史上で動作します。最も良いのは、元のコードを取得して、テキストを明るい色に変更することです。2番目のコードは機能しませんでした。ここに1つあります。

このページでは、JSを使用してカラーフラッシュを変更する方法について説明します

CSS遷移回転を使用すると、Chromeが黒い画面をフラッシュする


2
クロムを再インストールしましたが、修正はもう機能しません。インストール前に動作していた「ユーザースタイルシート/custom.css」ファイルがまだありますが、白く点滅し、履歴ページが再び白くなります。誰もが理由を知っていますか?
com.prehensible
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.