web-dev-qa-db-ja.com

クロムでページをロードする前に白い画面を表示しませんか？

ページがすぐに読み込まれない場合、Chromiumと他のすべてのブラウザーは、ページが応答する前に白い画面を表示します。

enter image description here

たとえ chrome://settings/personalはGTK +テーマを使用していると言います-私の場合は暗い背景のDarklooksです：

enter image description here

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

google-chromechromium
39
Alex

ナイス 回避策 vasa1、白いフラッシュが消えました。ただし、一部のWebサイトの背景が黒くなり、少し見苦しくなります。

enter image description here

そのため、私はそのCSSを適合させ、次のようになりました。

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

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

enter image description hereenter image description here

2
Alex

Google ChromeおよびChromiumの場合、おそらく 問題1373：暗い背景のWebサイトをナビゲートすると、ページ間の白いフラッシュが目立たなくなる の被害者です。

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

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

ハッキングでは、DefaultフォルダのCustom.cssにあるUser Stylesheetsに次の行を追加します。私の場合、パスは~/.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フォルダーが存在しない場合は、作成します。 chromeとuserChrome.cssはどちらも大文字と小文字が区別されることに注意してください。

14
user151227

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

これは基本的に、次のページが読み込まれるまでウィンドウをそれ自体の上に描画するautohotkeyスクリプトを使用して、ウィンドウが点滅する期間をバイパスします。

3
fanfare

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

このソリューションは、Chromeで利用可能になり、最後にシステムのキーボードショートカットにマップされたサービスとして設定されたオートマトンスクリプトを使用します。シンプルなソリューションは、画面を5xだけ暗くすることでしたたとえば、非常に暗い設定を使用している場合、画面は1秒間完全に空白になりますが、それでも白く光るフラッシュよりは優れています。

参照 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
1
lacostenycoder

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

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

CSS遷移回転を使用するとChromeが黒い画面を点滅します

0
com.prehensible