Введение в Microsoft Edge WebView2

Элемент управления Microsoft Edge WebView2 позволяет внедрять веб-технологии (HTML, CSS и JavaScript) в собственные приложения. Элемент управления WebView2 использует Microsoft Edge в качестве подсистемы рендеринга для отображения веб-контента в собственных приложениях.

Подробное содержание:

Введение

Элемент управления Microsoft Edge WebView2 позволяет внедрять веб-технологии (HTML, CSS и JavaScript) в собственные приложения. Элемент управления WebView2 использует Microsoft Edge в качестве подсистемы рендеринга для отображения веб-контента в собственных приложениях.

С помощью WebView2 вы можете встраивать веб-код в различные части собственного приложения или создать целиком собственное приложение в одном экземпляре WebView2.

Схема приложения с собственными областями пользовательского интерфейса слева и в левом верхнем углу, а также областями пользовательского интерфейса WebView2 в правом верхнем углу и нижней части

Гибридный подход к приложению

Разработчикам часто приходится выбирать, что создавать — веб-приложение или родное приложение. Это решение зависит от компромисса между охватом и мощностью:

  • Веб-приложения позволяют обеспечить широкий охват. Как веб-разработчик вы можете повторно использовать большую часть кода на различных платформах.

  • Чтобы получить доступ ко всем мощным возможностям собственной платформы, используйте собственное приложение.

На следующей схеме показан спектр приложений: от максимального охвата до максимальной мощности.

Спектр приложений (максимальный охват с меньшей мощностью, оптимальное гибридное соотношение и максимальная мощность с меньшим охватом)

  • Широкий охват включает веб-сайты и прогрессивные веб-приложения.

  • В центре находятся гибридные приложения, например WebViews и Electron.

  • Максимальная мощность — это собственные приложения.

Гибридные приложения (в центре спектра) позволяют вам наслаждаться лучшими возможностями обеих областей: повсеместностью и надежностью веб-платформы в сочетании с эффективностью и полными возможностями собственной платформы.

Преимущества WebView2

  • Экосистема и набор навыков для Интернета. Используйте всю веб-платформу, библиотеки, инструменты и таланты, имеющиеся в веб-экосистеме.

  • Быстрые инновации. Веб-разработка позволяет более оперативно осуществлять развертывание и итерацию.

  • Поддержка Windows 10 и 11. Поддержка согласованного пользовательского интерфейса в Windows 10 и Windows 11.

  • Возможности собственной платформы. Доступ к полному набору родных API.

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

  • Служба поддержки Microsoft. Корпорация Майкрософт предоставляет поддержку и добавляет новые запросы на функции на поддерживаемых платформах.

  • Распространение актуальной версии. Опора на обновленную версию Chromium с регулярными обновлениями платформы и исправлениями безопасности.

  • Распространение неизменяемой версии. Необязательная упаковка определенной версии Chromium в приложении.

  • Постепенное принятие. Добавление веб-компонентов в приложение по частям.

Компоненты платформы WebView2

Чтобы добавить WebView2 в приложение, используйте пакет SDK WebView2 на компьютере разработки и распространите среду выполнения WebView2 на пользовательские компьютеры. На следующей схеме показаны компоненты WebView2 высокого уровня на компьютере разработки и пользовательских компьютерах.

Приложение на компьютере разработки и компьютере пользователя

Подробные сведения см. в разделе Компоненты платформы WebView2.

Поддерживаемые версии Windows

Операционные системы Windows, поддерживаемые Webview2, совпадают с операционными системами, поддерживаемыми Microsoft Edge.

Дополнительные сведения о других поддерживаемых операционных системах см. в разделе "Поддерживаемые операционные системы Microsoft Edge".

Клиент Windows

Приложения WebView2 могут работать в следующих версиях клиента Windows:

  • Windows 10 SAC 1709 и более поздние версии
  • Windows 10 Корпоративная 2015 LTSC
  • Windows 10 Корпоративная 2016 LTSC
  • Windows 10 Корпоративная 2019 LTSC
  • Windows 10 Корпоративная 2021 LTSC
  • Windows 10 Корпоративная многосеансовая
  • Windows 10 IoT Корпоративная SAC
  • Windows 10 IoT Корпоративная 2019 LTSC
  • Windows 10 IoT Корпоративная 2021 LTSC
  • Windows 11
  • Windows 11 Корпоративная с поддержкой нескольких сеансов
  • Windows 11 IoT Корпоративная 2024 LTSC

Подробные сведения см. в разделе Клиент Windows в операционных системах, поддерживаемых Microsoft Edge.

Windows Server

Приложения WebView2 могут работать в следующих версиях Windows Server:

  • Windows Server 2016 (LTSC)
  • Windows Server 2019 (LTSC)
  • Windows Server 2022 (LTSC)
  • Windows Server (SAC)

Подробные сведения см. в статье "Windows Server в поддерживаемых операционных системах Microsoft Edge".

Поддерживаемые среды программирования и устройства

WebView2 поддерживает следующие среды программирования:

  • Win32 C/C++
  • платформа .NET Framework 4.6.2 или более поздней версии
  • .NET Core 3.1 или более поздняя версия
  • .NET 5 или более поздней версии
  • WinUI 2.0
  • WinUI 3.0

Помимо устройств с Windows, WebView2 также поддерживается на следующих устройствах:

  • XBOX
  • HoloLens 2

Последовательность примеров для установки и запуска

Чтобы начать изучать WebView2, выполните следующие рекомендуемые действия.

  1. Установите Visual Studio, установите предварительные каналы Microsoft Edge и клонируйте репозиторий WebView2Samples . См. статью Настройка среды разработчика для WebView2.
  2. Установите и запустите основной образец. См. пример приложения Win32.
  3. Установите и запустите пример для целевой платформы, отличной от Win32. См. примеры приложений WebView2.
  4. Установите и запустите готовое учебное пособие "Начало работы" для целевой платформы (если предоставляется готовый проект). См. учебники по началу работы.
  5. Выполните действия из раздела "Начало работы", чтобы добавить код WebView2 в начальный проект Visual Studio для вашей платформы. См. учебники по началу работы.

В некоторых примерах может потребоваться обновление пакета SDK, как описано в соответствующей статье для каждого примера.

После настройки среды, сборки и запуска образцов на компьютере можно разрабатывать приложения, читая другую документацию, например обзор API WebView2.

См. также

Документы по Edge Enterprise:

developer.microsoft.com:

  • Microsoft Edge WebView2 — начальное знакомство с функциями WebView2 на developer.microsoft.com.

Microsoft.com

YouTube:

  • Последнее обновление: