Cegah layar putih sebelum memuat halaman dalam chromium?

38

Ketika sebuah halaman tidak dimuat dengan segera, Chromium dan setiap browser lainnya saya mencoba menampilkan layar putih sebelum mereka mendapat respons darinya:

masukkan deskripsi gambar di sini

Meskipun chrome://settings/personaldikatakan menggunakan tema GTK + - dalam kasus saya ini adalah Darklooks, yang memiliki latar belakang gelap:

masukkan deskripsi gambar di sini

Apakah ada cara untuk menghindari ini di Chromium? Atau, jika tidak ada, apakah ada browser yang tidak memiliki "masalah" ini?

Alex
sumber
7
Halaman Anda terlihat sangat buram juga!
Greg
Untuk Firefox, Anda dapat mengubah nilai browser.display.background_colormenjadi warna yang lebih gelap (# 333). Coba juga tambahkan browser { background-color: #333 !important; }dan tabbrowser tabpanels { background-color: #333 !important}masuk userChrome.css.
Mateen Ulhaq
retasan ini memecahkan white flash untuk saya. stackoverflow.com/questions/16243105/…
Saya cukup memasang tema penyamaran gelap chrome.google.com/webstore/detail/material-incognito-dark-t/... ini menyelesaikan masalah bagi saya: Tidak ada lagi halaman putih di halaman yang dimuat lagi!
wp78de

Jawaban:

14

Untuk Google Chrome dan Chromium, Anda mungkin adalah korban dari Edisi 1373: Menavigasi situs web latar belakang gelap menghasilkan kilatan putih di antara halaman .

Ada hack untuk meminimalkan, tetapi tidak sepenuhnya menghilangkan, kesengsaraan Anda dijelaskan dalam komentar 261 :

Sebagai perbaikan sementara, saya mengatur stylesheet pengguna khusus untuk merender halaman dengan latar belakang hitam sehingga sebelum menerima informasi gaya dari situs web, ia membuat jendela menjadi hitam, bukan putih, dan sekarang ia berkedip hitam sebagai gantinya, yang jauh lebih dapat ditanggung pada mata sampai solusi permanen dibuat.

Peretasan ini melibatkan penambahan baris berikut ke Anda Custom.cssyang terletak di User Stylesheetsdalam Defaultfolder Anda . Dalam kasus saya, jalannya adalah ~/.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
}

Adapun Firefox, saya menggunakan kode berikut di userChrome.cssterletak di ~/.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}

Jika chromefolder tidak ada, buatlah. Perhatikan bahwa keduanya chromedan userChrome.csspeka huruf besar-kecil.


sumber
2
Solusi Chromium tidak berfungsi untuk saya pada tahun 2015, tetapi sebagian besar solusi Firefox tidak. Tidak dapat sepenuhnya menghindari kedipan karena browser secara bertahap memuat halaman.
holocronweaver
4
hack lain dengan forking kode sumber di sini github.com/hbtlabs/chromium-white-flash-fix
hbt
metode firefox tidak berfungsi untuk saya (ubuntu 18.04+ ffox 65.0.1)
wotter
3

Sejauh yang saya tahu, semua metode lama yang memperbaiki bug ini tidak berfungsi lagi (tahun 2016). Saya datang dengan solusi hari ini untuk mengatasi masalah ini dan menulis tentang itu beberapa yang tersedia di sini: http://jollo.org/LNT/public/chrome-white-flash.html .

Ini pada dasarnya menggunakan skrip autohotkey yang mengecat jendela ke dirinya sendiri sampai halaman berikutnya dimuat, dengan melewati periode di mana jendela berkedip.

keriuhan di pawai
sumber
2

Solusi yang bagus , flash putih hilang. Namun latar belakang beberapa situs web berubah menjadi hitam, yang agak jelek:

masukkan deskripsi gambar di sini

Jadi saya mengadaptasi CSS itu dan berakhir dengan:

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

Ini berarti bahwa ketika kursor tidak di atas halaman, latar belakang diatur ke hitam - ketika Anda mengklik tombol tab baru, kursor tidak di atas halaman, sehingga latar belakang hitam akan berkedip bukan yang putih. Ketika Anda mengarahkan kursor ke atas halaman (saat Anda membacanya) latar belakang hitam kemudian dilupakan, dan yang situs web digunakan sebagai gantinya:

masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini

Alex
sumber
Besar! Lihat apakah Anda dapat menambahkannya ke daftar komentar di sana (issue1373). Saya menduga Anda mungkin tidak melakukannya karena komentar mereka sepertinya terbatas: Hanya pengguna dengan izin EditIssue yang dapat berkomentar. :(
Dan ketika saya menguji Midori (juga WebKit) setahun yang lalu, itu tidak menyala putih! Saya tidak tahu bagaimana keadaannya sekarang. Saya meninggalkan Midori karena tidak dapat disesuaikan dan macet (untuk saya) atau beberapa halaman penting.
1
pendekatan ini tidak lagi berfungsi pada 2016
ecoe
1

PEMBARUAN: Saya telah mengubah jawaban saya untuk menggunakan peredupan layar sementara karena solusi saya sebelumnya bermasalah dan membuat keadaan gulir browser rusak.

Solusi ini menggunakan skrip automator yang disiapkan sebagai layanan yang disediakan untuk Chrome dan akhirnya dipetakan ke pintasan keyboard di sistem. Solusi sederhana adalah dengan hanya meredupkan layar sekitar 5x bekerja untuk saya tetapi Anda mungkin ingin bermain dengan pengiriman yang tergantung pada kecerahan Anda. Jika Anda menggunakan pengaturan yang sangat gelap misalnya, layar saya benar-benar kosong selama sedetik, tapi itu masih lebih baik daripada flash putih yang mencolok.

Lihat 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
lacostenycoder
sumber
0

Bagus, itu bekerja pada sejarah. Hal terbaik adalah mengambil kode asli dan mengubah teks menjadi warna terang. Kode kedua tidak berfungsi, ini satu:

Halaman ini menjelaskan cara mengubah flash warna menggunakan JS

Chrome berkedip layar hitam saat menggunakan rotasi transisi css

com. dimengerti
sumber
2
Saya menginstal ulang chrome dan sekarang perbaikan tidak berfungsi lagi, saya masih memiliki file "stylesheet pengguna / custom.css" yang berfungsi sebelumnya untuk menginstal, tetapi itu berkedip putih dan halaman riwayat putih lagi. adakah yang tahu kenapa?
com. Dimengerti