Оқыту
Режим принудительного предварительного просмотра
Запрос на печать css позволяет определить стили CSS, которые применяются только при печати страницы.
Используйте средство отрисовки , чтобы переназначить веб-страницу в режим предварительного просмотра для отладки стилей печати.
Чтобы принудительно перейти в режим предварительного просмотра страницы, выполните следующие действия:
Перейдите на веб-страницу, например демонстрационное приложение Todo.
Щелкните веб-страницу правой кнопкой мыши и выберите Пункт Проверить. Откроется devTools.
Если панель быстрого просмотра или панель инструментов не отображаются в нижней части средства разработки, нажмите клавишу ESC , когда фокус находится на devTools. Откроется панель Быстрого просмотра .
На панели быстрого просмотра нажмите кнопку Дополнительные инструменты (+) и выберите средство отрисовки .
Средство отрисовки откроется на панели Быстрого просмотра :
Прокрутите вниз до раздела Тип носителя Emulate CSS , а затем в раскрывающемся списке выберите печать , а не Нет эмуляции:
Веб-страница отображается с применением стилей CSS для печатных носителей.
В инструменте Элементы измените стили CSS носителя печати:
Дополнительные сведения об изменении CSS см. в статье Начало просмотра и изменения CSS.
В средстве отрисовки в разделе Эмуляция типа носителя CSS выберите Нет эмуляции в раскрывающемся меню.
Веб-страница отображается с примененными стилями экрана.
Ескерім
Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Кейс Баски.
Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.
Қосымша ресурстар
Құжаттама
-
Emulate dark or light schemes in the rendered page - Microsoft Edge Developer documentation
Render a webpage emulating the user's dark or light scheme operating-system setting or browser setting, without having to change your own machine's setting. Use a CSS media query for prefers-color-scheme, together with a DevTools rendering option.
-
Using the Rendering tool in Microsoft Edge DevTools, to see what a webpage looks like with different display options or vision deficiencies.
-
Change DevTools language settings - Microsoft Edge Developer documentation
How to change the DevTools language settings, such as using English in the UI.