Эмуляция устройства

На вкладке Edge DevTools: Browser панель инструментов Эмуляции устройства в нижней части экрана позволяет имитировать различные среды:

Предварительный просмотр браузера в расширении с отображением панели инструментов эмуляции

Чтобы воспроизвести показанный здесь пользовательский интерфейс, см. статью Открытие средств разработки путем щелчка правой кнопкой мыши HTML-файла в разделе Открытие инструментов разработки и браузера DevTools.

Раскрывающееся меню Эмуляция устройств

В раскрывающемся меню Эмулировать устройства можно выбрать один из нескольких различных устройств или параметр по умолчанию Адаптивный. При выборе устройства окно просмотра изменяет размер до правильных измерений и имитирует сенсорный интерфейс. Например, существует несколько эмулированных макетов iPhone:

Предварительный просмотр браузера в расширении, где отображается веб-продукт в эмулированном макете телефона

Раскрывающееся меню "Ширина" и "Высота"

Чтобы изменить размеры окна просмотра, щелкните раскрывающееся меню Значки Ширина и Высота и Высота:

Раскрывающееся меню

Кнопка поворота

Нажмите кнопку Повернуть (кнопка Повернуть), чтобы повернуть окно просмотра между книжной и альбомной ориентацией:

Окно просмотра повернуто в альбомную ориентацию

Кнопка "Эмуляция функций мультимедиа CSS"

Используйте кнопку Эмулировать функции мультимедиа CSS (Эмуляция функций мультимедиа CSS), чтобы:

  • Эмулировать запросы к мультимедиа CSS.
  • Проверьте, как выглядит продукт в режиме печати.
  • Переключение между темным и светлым режимами.
  • Эмулировать принудительные цвета.

Предварительный просмотр браузера в расширении с отображением веб-продукта в режиме принудительного цвета

Кнопка Эмуляции недостатков зрения

Нажмите кнопку Эмулировать недостатки зрения (кнопка Эмулировать недостатки зрения), чтобы протестировать взаимодействие с пользователем текущей веб-страницы с различными визуальными недостатками. Эта кнопка позволяет протестировать продукт в размытом режиме или с различными недостатками цвета:

Предварительный просмотр браузера в расширении с отображением веб-продукта в размытой эмуляции

См. также