Создание веб-интерфейсов с двумя экранами на рабочем столе

Функция эмуляции с двумя экранами доступна в средствах разработчика для Microsoft Edge версии 97 и более поздних версий.

  1. Перейдите к веб-сайту с двумя экранами, как в этом примере, на GitHub

  2. Выберите меню Параметры и многое другое (многоточие...), а затем другие средства > разработчика

  3. Выберите размеры: Surface Duo и используйте кнопку "двойной экран" (книжная) для переключения между одним и двумя экранами:

    Select Surface Duo simulation

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

Создание и тестирование на рабочем столе имеет преимущество использования существующих средств веб-разработки и отладки.

Отладка эмулятора с рабочего стола

Помимо создания и тестирования на рабочем столе Edge, вы также можете подключиться к эмулятору Surface Duo и отладить веб-сайты из эмулятора.

Следуйте этим инструкциям, чтобы подключить экземпляр эмулятора к средствам разработчика классических приложений Edge. Удаленная отладка также работает для Android устройств.

Поддерживаемые версии браузера для настольных компьютеров

Параметр эмуляции Surface Duo доступен в следующих средствах разработчика классического браузера:

  • Microsoft Edge — версия 97 или более позднюю
  • Google Chrome — версия 97 или более позднюю