Режим принудительного предварительного просмотра

Запрос на печать css позволяет определить стили CSS, которые применяются только при печати страницы.

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

Чтобы принудительно перейти в режим предварительного просмотра страницы, выполните следующие действия:

1. Перейдите на веб-страницу, например демонстрационное приложение Todo.

2. Щелкните веб-страницу правой кнопкой мыши и выберите Пункт Проверить. Откроется devTools.

3. Если панель быстрого просмотра или панель инструментов не отображаются в нижней части средства разработки, нажмите клавишу ESC , когда фокус находится на devTools. Откроется панель Быстрого просмотра .

4. На панели быстрого просмотра нажмите кнопку Дополнительные инструменты (+) и выберите средство отрисовки .

   Средство отрисовки откроется на панели Быстрого просмотра :

   

5. Прокрутите вниз до раздела Тип носителя Emulate CSS , а затем в раскрывающемся списке выберите печать , а не Нет эмуляции:

   

   Веб-страница отображается с применением стилей CSS для печатных носителей.

6. В инструменте Элементы измените стили CSS носителя печати:

   

   Дополнительные сведения об изменении CSS см. в статье Начало просмотра и изменения CSS.

Выход из режима предварительного просмотра

• В средстве отрисовки в разделе Эмуляция типа носителя CSS выберите Нет эмуляции в раскрывающемся меню.

  Веб-страница отображается с примененными стилями экрана.

См. также

• Средство отрисовки, чтобы увидеть, как выглядит веб-страница с разными параметрами отображения или недостатками зрения

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Кейс Баски.

Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.