CSS-ориентирование на белую страницу, которую Chrome отображает в течение доли секунды при загрузке

Question

Когда вы нажимаете на ссылку в Chrome, чтобы перейти со страницы x на страницу y, на долю секунды она отображает пустую белую страницу. Я хочу сделать эту страницу черной, чтобы она не повредила мои глаза.

Теперь я свежий выпускник этого вопроса:

Взломать Chrome, чтобы показать его внутренние страницы с черным фоном

Как следует из принятого ответа, я настроил файл C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css .

Оказывается, что этот файл может предназначаться страница доли секунды загрузки! Ура! Я смог сделать эту страницу черной, поместив простой html {background: black} в Custom.css .

Проблема в том ... Файл Custom.css применяется ко всем веб-страницам. Это означает, что теперь я получаю черный фон на всех страницах, чего я не хочу! (Поскольку у меня уже есть расширение, которое переворачивает цвета, а черный переворачивается, становится белым.)

Мой вопрос: как мне написать CSS в Custom.css который нацелен только на белую страницу, которую Chrome показывает в течение доли секунды при загрузке веб-страницы?

Answer 1

Чтобы ответить на поставленный вопрос, я не думаю, что можно настроить таргетинг на страницу (или это состояние страницы) только с помощью CSS.

Я создал быстрое расширение Chrome, чтобы сделать каждый фон страницы черным, пока страница не будет загружена.

Вы можете найти его на GitHub и в Chrome Web Store.

Пожалуйста, обратите внимание, что я написал это только для этого конкретного вопроса и не провел обширного тестирования. Я уже заметил проблему в поиске Google. Я использую Google Instant, и похоже, что событие window.onload на которое опирается расширение, никогда не запускается. Теперь он должен работать довольно надежно в версии 0.2.

Не стесняйтесь сообщать об ошибках на GitHub, я, скорее всего, исправлю их.

Answer 2

Я уверен, что это не может быть сделано. "Страница", которую вы видите за доли секунды, на самом деле не отдельная страница, а просто неструктурированная страница, которая загружается. Единственный способ обойти это - все страницы, которые вы посещаете, явно указывают фон, который затем переопределяет фон в Custom.css.

Единственный способ обойти это - запустить JavaScript (используя что-то вроде greasemonkey) при загрузке страниц, чтобы удалить черный фон, если он не нужен.

РЕДАКТИРОВАТЬ: На самом деле, после небольшого размышления, это может делать то, что вы хотите (возможно, с небольшой настройкой)

html {
    -webkit-animation: fadebackground 1s linear 0 1;
}

@-webkit-keyframes fadebackground {
    0% {
        background: black;
    }
    100% {
        background: none;
    }
}

Это начнется с черного фона и исчезнет через секунду. Вы можете найти довольно подробное описание свойства -webkit-animation здесь http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/

Answer 3

Добавьте это в %LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

body:empty {
    background: black;
}