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

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

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

См. также:

• Ограничения встроенного браузера DevTools в окне Использование внешнего браузера.

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

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

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

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

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

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

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

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

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

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

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

См. также

• Эмуляция мобильных устройств (эмуляция устройств)
• Расширение Средств разработки Microsoft Edge для Visual Studio Code