Захистити білий екран перед завантаженням сторінки в хром?


38

Коли сторінка не завантажується одразу, Chromium та кожен інший браузер я спробував відобразити білий екран, перш ніж вони отримають відповідь від нього:

введіть тут опис зображення

Хоча chrome://settings/personalкаже, що використовує тему GTK + - у моєму випадку це Darklooks, який має темний фон:

введіть тут опис зображення

Чи є спосіб уникнути цього в Chromium? Або, якщо його немає, чи є браузер, у якого немає цієї "проблеми"?


7
Ваша сторінка теж виглядає розмитою!
Грег

Для Firefox ви можете змінити значення browser.display.background_colorна більш темний колір (# 333). Спробуйте також додати browser { background-color: #333 !important; }і tabbrowser tabpanels { background-color: #333 !important}в userChrome.css.
Матін Ульхак

цей хак вирішив для мене білий спалах. stackoverflow.com/questions/16243105 / ...

Я просто встановив темну тему інкогніто chrome.google.com/webstore/detail/material-incognito-dark-t/… це вирішило для мене проблему: Біла сторінка на завантаженні сторінки вже не завантажена!
wp78de

Відповіді:


14

Що стосується Google Chrome та Chromium, ви, мабуть, стали жертвою випуску 1373: Навігація на веб-сайтах із темним фоном призводить до сліпучих спалахів білого кольору між сторінками .

Існує хак, щоб мінімізувати, але не повністю усунути вашу бідність, описану в коментарі 261 :

Як тимчасове виправлення, я встановив користувальницьку таблицю стилів користувача, щоб відображати сторінки з чорним фоном, щоб перед тим, як отримувати інформацію про стилізацію з веб-сайту, вікно стає чорним замість білого, а тепер замість нього блимає чорним, що набагато більше піддається очі, поки не буде прийнято постійне рішення.

Злом включає додавання наступних рядків до вашого, 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папки не існує, створіть її. Зауважте, що і те, chromeі userChrome.cssчутливе до регістру


2
Розчин хрому для мене не працював у 2015 році, але рішення 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 .

По суті, він використовує сценарій автоматичної клавіші, який малює вікно на себе до тих пір, поки не завантажиться наступна сторінка, минаючи період, у якому вікно блимає.


2

Хороший обхідний шлях vasa1, білі спалахи зникли. Але фон деяких веб-сайтів стає чорним, що трохи негарно:

введіть тут опис зображення

Тому я адаптував цей CSS і закінчив:

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

Це означає, що коли курсору немає сторінки, фон встановлюється чорним - при натисканні на нову кнопку вкладки, курсор не над сторінкою, тож чорний фон буде блимати замість білого. Якщо навести курсор на сторінку (під час читання), то чорний фон буде забутий, а замість нього використовується той:

введіть тут опис зображення введіть тут опис зображення


Чудово! Подивіться, чи можете ви додати його до списку коментарів там (issue1373). Я підозрюю, що ви цього не можете зробити, оскільки вони, мабуть, мають обмежені коментарі. Коментувати можуть лише користувачі, що мають дозвіл EditIssue. :(

А коли я тестував Midori (також WebKit) рік тому, він не спалахнув білим! Я не знаю, як зараз. Я покинув 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

Хороший, він працює на історії. Найкраще взяти оригінальний код і змінити текст на світлий колір. Другий код не працював, ось один:

На цій сторінці пояснено, як змінити кольорову спалах за допомогою JS

Chrome використовує чорний екран при використанні обертання css


2
Я знову встановив хром, і тепер виправлення більше не працює, у мене все ще є файл "користувальницькі стилі / custom.css", який працював до встановлення, але він блимає білим кольором і сторінка історії знову біла. хтось знає чому?
com. зрозумілий
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.