Skip to content

WPF 使用基于 Chromium 内核的 Microsoft Edge 封装的 WebView2 控件

Updated: at 08:22,Created: at 00:54

现在是 2020.08.23 当前这个技术依然是预览版,使用 WebView2 只需要通过 NuGet 安装库,可以支持 Win7 和 Win8 和 Win10 系统,无 IE 依赖。内核使用 Chromium 内核,顶层技术是 Microsoft Edge 封装

创建一个 WPF 项目,项目框架要求最低版本是 .NET Framework 4.6.2 或以上, 或 .NET Core 3.0 以上版本

使用 NuGet 搜 Microsoft.Web.WebView2 勾选预览版

打开 MainWindow.xaml 添加命名空间

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

添加之后的 MainWindow.xaml 文件内容大概如下

<Window x:Class="Lindexi.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
mc:Ignorable="d"
Title="LindexiDoubi"
Height="450" Width="800">
<Grid>
</Grid>
</Window>

在 Grid 添加 WebView2 控件,如下面代码

<Grid>
<wv2:WebView2 Name="webView"
Source="http://blog.lindexi.com/"/>
</Grid>

此时运行项目,即可看到打开了内嵌的浏览器以及自动跳转我的博客

更多使用方法请看官方文档 适用于 WPF 应用的 Microsoft Edge Web 视图2 - Microsoft Edge Development


知识共享许可协议

原文链接: http://blog.lindexi.com/post/WPF-%E4%BD%BF%E7%94%A8%E5%9F%BA%E4%BA%8E-Chromium-%E5%86%85%E6%A0%B8%E7%9A%84-Microsoft-Edge-%E5%B0%81%E8%A3%85%E7%9A%84-WebView2-%E6%8E%A7%E4%BB%B6

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。 欢迎转载、使用、重新发布,但务必保留文章署名 林德熙 (包含链接: https://blog.lindexi.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我 联系