Распечатать настроенную версию Css веб-страницы в Chrome

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

Кроме того, я могу изменить внешний вид некоторых стилей Css на лету.

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

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

Источник

1 ответ

Решение

Я просто менял цвета фона, поэтому я автоматически подумал, что версия для печати игнорирует мои изменения "на лету". Правда в том, что версия для печати в 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

Источник
Другие вопросы по тегам