Sayfayı kroma yerleştirmeden önce beyaz ekranın görünmesini engelleme


38

Bir sayfa hemen yüklenmediğinde, Chromium ve denediğim diğer tarayıcılar, bir yanıt almadan önce beyaz bir ekran görüntüler:

görüntü tanımını buraya girin

Her ne chrome://settings/personalkadar GTK + temasını kullanıyor olsa da - benim durumumda karanlık bir geçmişi olan Darklooks:

görüntü tanımını buraya girin

Chromium'da bundan kaçınmanın bir yolu var mı? Ya da yoksa, bu "sorunu" olmayan bir tarayıcı var mı?


7
Sayfanız da gerçekten bulanık görünüyor!
Greg

Firefox için değerini browser.display.background_colordaha koyu bir renge (# 333) değiştirebilirsiniz. Ayrıca eklemeye browser { background-color: #333 !important; }ve tabbrowser tabpanels { background-color: #333 !important}içine eklemeyi deneyin userChrome.css.
Mateen Ulhaq,

Bu hack benim için beyaz flaş çözdü. stackoverflow.com/questions/16243105/…

Basitçe karanlık gizli tema chrome.google.com/webstore/detail/material-incognito-dark-t/… 'yi yükledim, bu benim için sorunu çözdü: artık sayfa yüklendiğinde beyaz sayfa yok!
wp78de

Yanıtlar:


14

Google Chrome ve Chromium için, muhtemelen 1373 Sayısında mağdursunuz: Koyu renkli web sitelerinde gezinmek, sayfalar arasında beyaz yanıp sönmelere neden olur .

Yorum 261'de açıklanan sefaletinizi en aza indirmek, ancak tamamen ortadan kaldırmak için bir hack var :

Geçici bir düzeltme olarak, özel kullanıcı stil sayfasını siyah arkaplanlı sayfalar oluşturacak şekilde ayarladım, böylece web sitesinden stil bilgisi almadan önce pencereyi beyaz yerine siyah yapar, şimdi ise siyah renkte yanıp söner. kalıcı bir çözüm yapılana kadar gözler.

Kesmek için aşağıdaki satırları ekleyerek içerir senin Custom.csshangi bulunan User Stylesheetssizin de Defaultklasörden. Benim durumumda, yol ~/.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 gelince, ben aşağıdaki kodu kullanabilirsiniz userChrome.cssbulunan ~/.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}

Eğer chromeklasör yok, oluşturun. Her iki unutmayın chromeve userChrome.cssharf duyarlıdır.


2
Chromium çözümü 2015'te benim için işe yaramadı, ancak Firefox çözümü çoğunlukla işe yarıyor. Sayfaları aşamalı olarak yükleyen tarayıcılar nedeniyle titremeyi tamamen önleyemezsiniz.
holocronweaver

4
burada kaynak kodunu çatal tarafından başka bir hack github.com/hbtlabs/chromium-white-flash-fix
hbt 18

1
firefox yöntemi benim için çalışmıyor (ubuntu 18.04+ ffox 65.0.1)
wotter

3

Bildiğim kadarıyla, bu hatayı düzelten tüm eski yöntemler artık çalışmaz (2016'da). Bugün bu sorunun üstesinden gelmek için bir çözüm buldum ve burada mevcut olan bazılarını yazdım: http://jollo.org/LNT/public/chrome-white-flash.html .

Esasen, pencerenin yanıp sönme periyodunu geçerek bir sonraki sayfaya yüklenene kadar pencereyi kendi kendine boyayan otomatik bir betiği kullanır.


2

Güzel geçici çözüm vasa1, beyaz flaşlar gitti. Ancak bazı web sitelerinin arka planı siyaha döner, ki bu biraz çirkindir:

görüntü tanımını buraya girin

Böylece bu CSS'yi uyarladım ve sonunda:

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

Bu, imleç sayfanın üzerinde olmadığında, arka planın siyah olarak ayarlandığı anlamına gelir - yeni sekme düğmesine tıkladığınızda, imlecin sayfanın üzerinde olmadığı, bu yüzden beyaz bir arka plan yerine siyah bir arka plan yanıp sönecektir. İmleci sayfanın üzerine getirdiğinizde (okurken) siyah arka plan unutulur ve web sitesinin yerine kullanılır:

görüntü tanımını buraya girin görüntü tanımını buraya girin


Harika! Bakın, oradaki yorumlar listesine ekleyebiliyor musunuz bakalım (issue1373). Sınırlı yorumlarda bulundukları için olamayacağınızdan şüpheleniyorum: Yalnızca EditIssue iznine sahip kullanıcılar yorum yapabilir. :(

Ve bir yıl önce Midori'yi (ayrıca WebKit'i) test ettiğimde beyaz yanıp sönmedi! Şimdi nasıl olduğunu bilmiyorum. Midori'den ayrıldım çünkü özelleştirilebilir ve çöktü (benim için) veya bazı önemli sayfalar değildi.

1
bu yaklaşım artık 2016'dan itibaren
çalışmaz

1

GÜNCELLEME: Önceki çözümümde hata oluştuğu için ekranın geçici olarak karartılmasını kullanmak için cevabımı değiştirdim ve tarayıcı kaydırma durumunu kırılmış halde bıraktım.

Bu çözüm, Chrome'a ​​sunulan ve en sonunda sistemdeki bir klavye kısayoluyla eşlenen bir hizmet olarak ayarlanmış bir otomatik komut dosyası kullanır. Basit bir çözüm sadece benim için yaklaşık 5x çalıştığı ekranını karartmaktı ama parlaklığınıza bağlı olarak bu gönderimde oynamak isteyebilirsiniz. Örneğin, çok karanlık bir ayar kullanıyorsanız, ekranım bir saniye boyunca tamamen boş kalır, ancak bu, beyazın yanıp sönen parıltısından daha iyidir.

Bkz. 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

Güzel, tarih üzerinde çalışıyor. En iyi şey, orijinal kodu alıp metni açık bir renkle değiştirmektir. İkinci kod işe yaramadı, işte bir tane:

Bu sayfa bir JS kullanarak renkli flaşın nasıl değiştirileceğini açıklar

Css geçişi döndürme kullanılırken Chrome siyah ekranı yanıp sönüyor


2
Chrome'u yeniden yükledim ve şimdi düzeltme artık çalışmıyor, yine de kurulumdan önce çalışmış olan "user stylesheets / custom.css" dosyasına sahibim, ancak beyaz renkte yanıp sönüyor ve tarihçe sayfası tekrar beyaz. kimse nedenini biliyor mu?
com.prehensible
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.