Режим принудительного предварительного просмотра
Запрос на печать css позволяет определить стили CSS, которые применяются только при печати страницы.
Используйте средство отрисовки , чтобы переназначить веб-страницу в режим предварительного просмотра для отладки стилей печати.
Чтобы принудительно перейти в режим предварительного просмотра страницы, выполните следующие действия:
Перейдите на веб-страницу, например демонстрационное приложение Todo.
Щелкните веб-страницу правой кнопкой мыши и выберите Пункт Проверить. Откроется devTools.
Если панель быстрого просмотра или панель инструментов не отображаются в нижней части средства разработки, нажмите клавишу ESC , когда фокус находится на devTools. Откроется панель Быстрого просмотра .
На панели быстрого просмотра нажмите кнопку Дополнительные инструменты (+) и выберите средство отрисовки .
Средство отрисовки откроется на панели Быстрого просмотра :
Прокрутите вниз до раздела Тип носителя Emulate CSS , а затем в раскрывающемся списке выберите печать , а не Нет эмуляции:
Веб-страница отображается с применением стилей CSS для печатных носителей.
В инструменте Элементы измените стили CSS носителя печати:
Дополнительные сведения об изменении CSS см. в статье Начало просмотра и изменения CSS.
Выход из режима предварительного просмотра
В средстве отрисовки в разделе Эмуляция типа носителя CSS выберите Нет эмуляции в раскрывающемся меню.
Веб-страница отображается с примененными стилями экрана.
См. также
Примечание.
Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).
Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.