Есть ли способ сообщить браузеру, что ваша веб-страница удобна для печати?

Question

У меня есть веб-страница с таблицей стилей для принтера, которую я использую, чтобы убедиться, что она использует нулевые цветные чернила и как можно меньше черного. Однако есть один очень важный элемент, который не является текстом, который мне нужно показать: логотип, который хранится и отображается CSS. По умолчанию Chrome (и, вероятно, браузеры на основе хрома) не печатает «Фоновая графика», которая представляет собой любой цвет или изображение, внесенное таблицей стилей. Есть ли какой-либо метатег или другой такой метод, который я могу использовать, чтобы сообщить браузеру, что я убедился, что страница удобна для печати? Я попытался отобразить его в поле <IMG>, но это оказалось слишком сложным для позиции.

Я искал что-то в том же ключе, используя <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=utf-8"/> <META CHARSET="utf-8" />, чтобы сказать ему, что я сделал это в UTF-8, или <META PROPERTY="og:locale" CONTENT="en_US" /> сказать ему, что это американский английский или <META NAME="viewport" CONTENT="initial-scale=1.0, user-scalable=no" /> сказать ему, что это мобильный сайт. Все это, я думаю, так это не нужно делать предположения, и я должен надеяться, что там есть тег для удобства печати.

Answer 1

Нет, не существует способа сообщить браузеру, что ваша веб-страница удобна для печати. Если бы это было так, это вряд ли повлияло бы, и если бы это произошло, это, вероятно, было бы неправильно использовано. Это отличается от, например, тег, который вы указываете как «мобильный сайт», который просто подавляет масштабирование по умолчанию (и предотвращает масштабируемость пользователя, что вряд ли будет дружественным для всех).

Что вы делаете может do это указать, что некоторые таблицы стилей применяются только для материалов для печати. Но это просто ограничивает их влияние на печатные СМИ.

Вы также можете использовать <link rel="alternate" media="print" href="...">, чтобы указать альтернативную версию страницы для печати. Но это, в лучшем случае, приведет к использованию этой версии при печати страницы.

Если вы намеревались спросить, как заставить фоновое изображение, реализованное с помощью CSS, печатать, то ответ заключается в том, что вы не можете. Просто сделайте это образ контента. Вы можете сделать это путем динамического изменения с помощью JavaScript, DOM, чтобы перед печатью в DOM был добавлен новый элемент img; но в обычных условиях гораздо проще включить статический элемент img.