【整活】在UWP应用中使用Chromium内核的Webview控件!
2023-03-19 12:20 作者:Microhard_1724 | 我要投稿

众所周知,Chromium是桌面应用,如果想要纯手工把它嵌入UWP,不是一件简单的事情。
但是,难道我们就要用一个难用的、结束支持了的EdgeHTML内核吗?
No!今天,我就来教大家用最简单的方法,在UWP应用中使用Chromium内核的全新EdgeWebview2控件!
安装Microsoft.UI.Xaml
首先,我们按照往常的步骤创建一个UWP应用程序。
然后,在解决方案资源管理器中右键单击项目,选择管理NuGet包。

然后点击上方的浏览选项卡,在搜索框搜索winui或者Microsoft.UI.Xaml。
找到这个Microsoft.UI.Xaml,在右边点击安装,稍等就可以安装好。
请注意:每个要用到Chromium的项目都要单独安装这个NuGet包!

安装完成之后,在项目的App.xaml中,输入如下代码:
(B站不支持Xaml代码块,我用Xml代替,代码实际上是Xaml,直接复制进去就可以了)
接着,在MainPage.xaml中的页面顶部:
那么,我们的环境就配置好了。
当然,这个环境不但支持Chromium,而且还包含了Win11最新风格的圆角控件,大家也可以试一试添加新的控件(步骤跟原来添加控件一样)。
添加Chromium浏览器
在MainPage.xaml的页面内容部分添加ChromiumWebview:
然后,运行应用程序,我们就可以看到一个Chromium内核的浏览器了。
这里面的Source就是网址,大家可以改成需要的网址,具体根据应用功能设计。
