WebView2简单试用（一）—— 开始

WebView2控件现在已经正式发布了，准备写一系列文章简单的介绍下，本文简单的先介绍下安装的过程。

　　

安装WebView2 Runtime：

WebView2是依赖于Edge chromium内核的，有如下三种方式可以获取：

1. 安装开发版的 Edge (Chromium)，稳定版的Edge目前不支持WebView控件，不知道后续会不会开放。
2. 安装独立的 WebView2 Runtime，它可以独立下载和升级
3. 嵌入Edge chromium内核

这三种方式运行效果基本一致，主要特点是：

• 前两种方式和以前使用IE的浏览器控件非常类似，浏览器内核和程序是分离的，程序可以保持非常小的体积，浏览器内核可以单独升级。
• 第一种方式目前还不支持Edge的稳定版，无法使用于生产环境
• 第三种方式和以前的CEF比较类似，将chromium嵌入了程序，可以控制chromium的版本，减少依赖性，同时可以控制浏览器的版本，避免升级导致的不稳定。

第三种方式相对麻烦些，并且我本地还没有开发板的edge，所以这里我使用的是第二种方式，安装完了后，可以在程序列表中看到webview2 runtime。

　　

编写客户端程序：

我这里使用的是WPF版本的程序，和我之前的文章基本相似：

1 . 安装Microsoft.Web.WebView2程序包

        Install-Package Microsoft.Web.WebView2 

2. 添加名字空间：

        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"

3. 添加控件：

        <wv2:WebView2  Name="webView" Source="https://tianfang.cnblogs.com"/>

运行效果如下：

　　 

小结：

这个安装过程和之前CefSharp比起来要更加简单：

1. runtime离线安装。 而CEFSharp从Nuget上下载runtime是比较考验人品的。
2. runtime一次安装，可以所有程序共享，并且还支持自动升级，而CEFSharp每个程序都需要下载
3. x86，x64自动识别，不需要手动设置
4. WinForm，WPF，.net core都可以用一个统一的包

参考文档：

• WebView2
• WebView2 Samples
• Understand WebView2 SDK versions
• Best practices for developing secure WebView2 applications