Microsoft Edge WebView2 简介

Microsoft Edge WebView2 控件允许在本机应用中嵌入 web 技术(HTML、CSS 以及 JavaScript)。 WebView2 控件使用 Microsoft Edge 作为绘制引擎,以在本机应用中显示 web 内容。

使用 WebView2 可以在本机应用的不同部分嵌入 Web 代码,或在单个 WebView2 实例中生成所有本机应用。

应用的示意图,其中的本机 UI 区域位于左侧和左上,WebView2 UI 区域位于右上和底部

混合应用方法

开发人员通常必须决定是生成 web 应用还是本机应用。 此决定取决于范围和力量之间的权衡。

  • Web 应用的范围可以很广。 作为 Web 开发人员,你可以跨不同平台重用多数代码。

  • 要访问本机平台的所有功能,请使用本机应用。

下图显示了从最大覆盖范围到最大功率的应用范围:

应用范围,从最大覆盖范围但较低性能,到最佳混合组合,再到最大性能但覆盖范围较低

  • 广泛的范围包括网站和渐进式 Web 应用。

  • 中间是混合应用,如 WebViews 和Electron。

  • 最大功率 是本机应用。

位于范围中间的混合应用使开发人员能够体验两种优势:Web 平台的通用性和强大性,以及本机平台的强大功能和全部功能。

WebView2 优势

  • Web 生态系统和技能集。 利用 web 生态系统中存在的整个 web 平台、库、工具以及人才。

  • 快速创新。 Web 开发允许快速部署和迭代。

  • Windows 10 和 11 支持。 支持跨 Windows 10 和 Windows 11 实现一致的用户体验。

  • 本机功能。 访问完整的本机 API 集。

  • 代码共享。 向代码库添加 web 代码可以增加跨多个平台的重用。

  • Microsoft 支持。 Microsoft 在受支持的平台上提供支持并添加新的功能请求。

  • 常青分布。 依赖带有定期平台更新和安全修补的最新版 Chromium。

  • 已修复版本分布。 也可以在应用中打包特定版本的 Chromium 位。

  • 增量采用。 逐步将 web 组件添加到应用。

受支持的平台

支持以下编程环境:

  • Win32 C/C++
  • .NET framework 4.6.2 或更高版本
  • .NET Core 3.1 或更高版本
  • .NET 5 或更高版本
  • WinUI 2.0
  • WinUI 3.0

WebView2 应用可以在以下版本的 Windows 上运行:

  • Windows 11
  • Windows 10
  • Windows 10 IoT 企业版 LTSC x32 2019
  • Windows 10 IoT 企业版 LTSC x64 2019
  • Windows 10 IoT 企业版 21h1 x64
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016

以下设备也支持 WebView2:

  • Xbox
  • HoloLens 2

Windows 7 和 8

WebView2 运行时版本 109 是支持以下 Windows 版本的最终版本。 WebView2 运行时和 SDK 110.0.1519.0 及更高版本不支持这些作系统。

  • Windows 8/8.1
  • Windows 7
  • Windows Server 2012 R2
  • Windows Server 2012
  • Windows Server 2008 R2

另请参阅:

要安装和运行的示例序列

若要开始学习 WebView2,请使用以下建议序列:

  1. 安装 Visual Studio,安装 Microsoft Edge 的预览频道,并克隆 WebView2Samples 存储库。 请参阅设置 WebView2 的开发环境
  2. 安装并运行主示例。 请参阅 Win32 示例应用
  3. 安装并运行目标平台的示例(如果目标平台是 Win32 以外的平台)。 请参阅示例应用
  4. 安装并运行适用于目标平台的已完成入门教程(如果提供了已完成的项目)。 请参阅入门教程
  5. 执行入门步骤,将 WebView2 代码添加到平台的 Visual Studio 初学者项目。 请参阅入门教程

某些示例可能需要更新 SDK,如每个示例的文章中所述。

设置环境并在计算机上生成并运行示例后,可以通过阅读其他文档(如 WebView2 API 概述)来开发应用。

另请参阅

developer.microsoft.com:

Microsoft.com:

YouTube: