Веб-интерфейс для двухэкранных устройств
Браузер Microsoft Edge на базе Chromium предоставляет мощную и совместимую основу для взаимодействия с веб-сайтами и веб-приложениями на разных устройствах. Это реализовано через поддержку двухэкранного режима при работе с Surface Duo.
Новые веб-стандарты для макетов для работы с двумя экранами. Вы можете использовать примитивы CSS для макетов для работы с двумя экранами или API сегментов окна просмотра JavaScript для обнаружения нескольких дисплеев и размещения в них веб-содержимого.
Тестирование в Surface Duo или эмуляторе: Пока эти новые веб-стандарты доступны в предварительной версии, вы можете выполнить эти инструкции, чтобы включить поддержку двух экранов в Surface Duo или эмуляторе.
Создание и тестирование на компьютере: вы также можете создавать и тестировать веб-интерфейсы для двухэкранных устройств на компьютере с браузером Microsoft Edge или Chrome. Выполните эти инструкции, чтобы включить средства разработчика интерфейса для двухэкранных устройств.
Прогрессивные веб-приложения. Прогрессивные веб-приложения (PWA) поддерживаются в стандартной конфигурации в новой версии Microsoft Edge. Это позволяет устанавливать их непосредственно из браузера в Android. PWA будут поддерживать все те же возможности и средства двухэкранного макета, что и браузер.
В статье Общие сведения о двухэкранных устройствах мы описали несколько возможных применения для существующих функций и методик, улучшающих работу приложения на двухэкранных устройствах. Из этой документации вы можете получить дополнительные сведения о реализации таких функций в веб-приложениях.
Функция | Подробные сведения см. в следующих статьях: |
---|---|
Макеты гибких приложений | Стандартные блоки для гибкого дизайна (Mozilla) |
Поддержка разных методов ввода | PointerEvent (Mozilla) |
Перетаскивание | API перетаскивания в HTML (Mozilla) |
Режим "картинка в картинке" для мультимедиа | Картинка в картинке (W3C) Пример функции "картинка в картинке" (Chrome) |