22

WebView2简单试用(一)—— 开始

 3 years ago
source link: https://www.cnblogs.com/TianFang/p/14352539.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

  12132-20200522125122471-955530730.png

安装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"/>

运行效果如下:

   12132-20200522125122874-1380699525.png

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

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

参考文档:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK