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都可以用一个统一的包

参考文档:

原文地址:https://www.cnblogs.com/TianFang/p/14352539.html