Распечатать настроенную версию Css веб-страницы в Chrome - PullRequest
0 голосов
/ 07 ноября 2018

Используя инспектор Google Chrome, я могу легко проверить, как будет печататься веб-страница (любая общедоступная, не принадлежащая мне), для печати, делая это .

Также Я могу изменить внешний вид некоторых стилей Css на лету.

Мой вопрос: могу ли я распечатать измененную версию веб-страницы, которую я сейчас просматриваю? Не по умолчанию, я уже проверил это, но, может быть, я могу кое-что сделать ...

(Изменить: меня особенно интересует изменение цвета фона)

1 Ответ

0 голосов
/ 12 ноября 2018

Я просто менял цвета фона, поэтому я автоматически подумал, что версия для печати игнорирует мои изменения «на лету». Правда заключается в том, что версия для печати в Chrome и Safari всегда игнорирует цвета фона, независимо от того, являются ли они оригинальными или модифицированной версией.

Окончательное решение - отредактировать HTML на лету и добавить -webkit-print-color-adjust: exact !important; к элементам, которые вы хотите печатать с цветом фона.

В моем случае я добавляю это к элементу <head>:

<style>
.elements-i-want-to-change {
  background-color: [the colour];
  -webkit-print-color-adjust: exact;
}
</style>

Теперь печатная версия будет содержать мои измененные цвета на заднем плане: -D

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...