WPF入门教学二十一 WPF与WebView2集成

WPF（Windows Presentation Foundation）与WebView2的集成允许开发者在WPF应用程序中嵌入现代的Web内容。WebView2是基于Chromium的浏览器控件，由Microsoft Edge团队开发，提供了更好的性能和兼容性。以下是如何在WPF应用程序中集成WebView2的步骤：

1. 安装WebView2运行时和SDK

首先，确保你的开发机器上安装了WebView2运行时。你可以从Microsoft Edge WebView2下载页面下载并安装它。

此外，你还需要安装WebView2 SDK，它包含了开发WPF应用程序所需的NuGet包。

2. 创建WPF项目并添加WebView2控件

打开Visual Studio并创建一个新的WPF应用程序项目。

添加WebView2 NuGet包

在解决方案资源管理器中，右键点击项目名称，选择“管理NuGet程序包...”。搜索并安装Microsoft.Web.WebView2.Wpf包。

在XAML中添加WebView2控件

在MainWindow.xaml文件中，添加WebView2控件的命名空间声明，并在Grid或其他容器中添加WebView2控件。

<Window x:Class="WpfWebView2Integration.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:local="clr-namespace:WpfWebView2Integration"
        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
        mc:Ignorable="d"
        Title="WPF WebView2 Integration Example" Height="450" Width="800">
    <Grid>
        <wv2:WebView2 x:Name="webView" Source="https://www.example.com"/>
    </Grid>
</Window>

3. 初始化WebView2控件

在代码隐藏文件中，初始化WebView2控件并处理其生命周期事件。

MainWindow.xaml.cs

using Microsoft.Web.WebView2.Wpf;
using System.Windows;

namespace WpfWebView2Integration
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            InitializeAsync();
        }

        async void InitializeAsync()
        {
            await webView.EnsureCoreWebView2Async(null);
        }
    }
}

4. 运行应用程序

现在，当你运行应用程序时，WebView2控件应该会加载并显示指定的URL（例如https://www.example.com）。

高级功能

与Web内容交互

你可以使用WebView2提供的API与Web内容进行交互，例如执行JavaScript代码、处理导航事件等。

// 执行JavaScript代码
string result = await webView.CoreWebView2.ExecuteScriptAsync("document.title");

// 处理导航事件
webView.CoreWebView2.NavigationStarting += (sender, e) =>
{
    // 处理导航开始事件
};

自定义用户代理字符串

你可以设置自定义的用户代理字符串，以便Web内容能够识别你的应用程序。

webView.CoreWebView2.UserAgent = "MyWPFApp/1.0";

处理Cookie和本地存储

WebView2支持处理Cookie和本地存储，你可以使用相应的API来管理这些数据。

// 添加Cookie
var cookie = new CoreWebView2Cookie("name", "value", "example.com", "/");
webView.CoreWebView2.CookieManager.AddCookie(cookie);

// 清除本地存储
await webView.CoreWebView2.ExecuteScriptAsync("window.localStorage.clear();");

通过这些步骤和示例代码，你可以在WPF应用程序中成功集成WebView2，并利用其强大的功能与Web内容进行交互。