Поделиться через

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

Элемент управления 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 в приложении.

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

Поддерживаемые версии 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 Корпоративная многосеансовая
  • SAC Windows 10 IoT Корпоративная
  • LTSC Windows 10 IoT Корпоративная 2019 г.
  • Windows 10 IoT Корпоративная 2021 LTSC
  • Windows 11
  • Windows 11 Корпоративная многосеансовый режим
  • Windows 11 IoT Enterprise 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. Установите и запустите пример main. См. пример приложения Win32.
  3. Установите и запустите пример для целевой платформы, если это платформа, отличаемая от Win32. См . раздел Примеры приложений.
  4. Установите и запустите готовое руководство по начало работы для целевой платформы (если предоставлен готовый проект). См. руководства по начало работы.
  5. Выполните начало работы шаги, чтобы добавить код WebView2 в начальный проект Visual Studio для своей платформы. См. руководства по начало работы.

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

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

См. также

Документация Edge Enterprise:

developer.microsoft.com:

  • Microsoft Edge WebView2 — начальное введение в функции WebView2 на developer.microsoft.com.

Microsoft.com:

YouTube: