开始使用Microsoft的新Chromium WebView控件

微软正在转向基于Chromium的新版Edge 。 几个月来,该公司一直为Edge Insiders提供每周访问开发人员和每日Canary版本新浏览器的权限,并且最近发布了更稳定的Beta频道版本,每六周更新一次,主要针对最终用户。 这是一种完善的方法,表示在2019年底或2020年初的某个时候稳定发布。

更改应用程序的浏览器控件

更改在许多方面都具有重大意义:最重要的是,将浏览器和操作系统分开。 两者之间的联系使Edge的原始EdgeHTML版本落后于竞争对手,因为Windows一年只能获得两次重大更新。 Edge可能不是处于Web技术的最前沿,但对于应用程序开发人员来说,它是一个稳定的平台,尤其是对于在其应用程序中使用通用Windows平台(UWP)嵌入式HTML WebView控件的任何人。

[Kubernetes,无服务器框架,Kafka,Redis,.Net Core等:请参阅InfoWorld的2019年度技术奖获奖者 | 通过《 InfoWorld日报》时事通讯了解最新的企业技术中的关键新闻和问题。 ]

基于Chromium的Edge并不表示这些UWP EdgeHTML控件的使用寿命即将结束,但这确实意味着它们现在处于维护模式。 他们将不会获得新功能,并将Swift落后于新Edge浏览器的功能和Web标准的任何进步。 作为向新浏览器引擎过渡的一部分,Microsoft宣布将基于其新的浏览器呈现引擎发布一组新的WebView控件,并允许您选择应用程序如何使用浏览器控件。

WebView2 SDK预览版简介

新的WebView控件的预览于今年夏天初推出 ,带有一个新的SDK。 它是当前仅适用于Windows 10上的Win32 C ++ API的控件和SDK系列的第一个版本,最终将支持Windows 7及更高版本(以及Windows Server 2012 R2的Windows Server)的每个版本的Windows。 发行后,它旨在支持所有流行的Windows应用程序开发平台,并提供UWP,WinForms和WPF版本。

新控件的一大变化是它们的交付方式 。 有两个选项:一个始终最新的版本,该版本随浏览器更新,以便您的用户将始终拥有该控件的最新(也是最安全的)版本,即使没有交付应用程序更新也是如此。 第二个选项是与应用程序打包在一起的“自带版本”控件,该控件仅在应用程序的上下文中运行,从而可以确保您的应用程序及其控件是经过测试的单个程序包。

当前唯一的版本是常绿,始终最新的SDK。 它是完整的Chromium软件包,支持状态栏和Chromium devtools。 它们都可以在运输代码中禁用,但是可以在开发过程中为您提供有用的信息。 新版本最初每六周左右发布一次,控件可通过NuGet获得。 SDK API和功能仍在开发中,因此,即使Microsoft稳定了API的使用面,也不再需要重新编译。

在我撰写本文时, SDK已经发布三个预览版本 ,其中最新版本是基于Edge 77.0.230.00或更高版本的0.8.230。 最新版本增加了对.Net项目以及API的支持,以关闭网络操作和导航。 以前的版本使您可以控制导航历史记录,HTTP标头,并可以在64位Windows上运行32位控件。

构建您的第一个WebView2应用程序

在开始之前 ,请在任何开发PC上安装基于Chromium的Edge的开发人员版本以及WebView2 SDK。 设置Visual Studio以构建C ++ Windows应用程序后,可通过NuGet下载SDK。 从存储库下载并安装它会将应用程序所需的大多数文件添加到解决方案目录中。 要使用它,请在您的应用程序中包含适当的头文件。 如果已经安装了它,则值得检查更新的版本。

向代码中添加WebView2控件非常容易。 首先设置您的WebView2环境。 如果选择默认值,则控件将使用当前安装的Edge浏览器。 另外,您可以定义关键的浏览器设置,例如为您的应用程序提供自己的用户文件夹并设置特定的浏览器标志。 设置好环境后,调用CreateWebView添加WebView2控件,将控件的navigation属性设置为应用程序正在使用的URL。 您可以使用NavigationCompleted事件来跟踪加载内容。

如果您的代码需要与WebView2控件加载的HTML文档的内容进行交互,则可以将JavaScript插入页面。 可以使用postMessage事件将消息发送到HTML内容,该事件可以通过在宿主应用程序或Web内容JavaScript中运行的事件处理程序进行捕获。

您可以在SDK的API参考 (尤其是IWebView2WebView界面)中找到将IWebView2WebView构建到应用程序中所需的IWebView2WebView 。 在这里,您可以找到当前WebView的设置以及用于HTML和JavaScript内容的控件。 这里有很多内容,因此Microsoft 以基本的Web浏览器的形式提供了一个有用的示例 ,因此您可以看到代码如何与WebView2窗口的内容进行交互以及如何在应用程序中使用它。

跟上WebView2浏览器控件

SDK中的一项有用功能是能够定位不同的Edge通道。 Chromium供电的Edge到出货时将有四种不同版本,按不同的时间表交付,并具有不同的稳定性。 您将能够控制使用哪个版本,选择最稳定或最不稳定的版本,或通过Windows注册表项强制执行频道。 这种方法使您可以选择在开发人员版本上进行测试并在生产中交付,以确保您的代码随时可以在基础浏览器引擎发布时进行更改。

随着Microsoft将其精力放在WebView2后面,是时候开始研究如何在代码中使用它了。 您还需要几个月的时间才能交付控件,这足以让您了解如何更改代码以及构建和测试原型。 值得考虑的是,随着Edge团队正在努力更新Office的加载平台以使用WebView2,您编写的使用Microsoft现有HTML5 API的应用程序(例如用于交付Office Store应用程序的应用程序)需要进行更改以支持其功能集的方式。

如果仅在应用程序中呈现基于HTML的用户界面组件,则将Web和本地代码混合在一起才有意义。 远离半年一次的浏览器更新非常重要,在构建使用WebView2的混合应用程序时需要考虑一些事项,以及用户如何安装浏览器以及如何保持更新。 Edge采用Chrome的自动更新模型后,您将不再能够确定用户安装了什么以及何时更新。 现在开始使用WebView2将使您能够开发最灵活的方法来实现代码中的浏览器兼容性,无论是通过限制所使用的HTML和JavaScript还是通过指定特定的浏览器版本以及每个新版本的代码。

From: https://www.infoworld.com/article/3433868/getting-started-with-microsofts-new-chromium-based-webview-control.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值