WebView2网页封装桌面软件

WebView2是Microsoft Edge浏览器提供的控件，允许开发者在Windows应用中嵌入网页内容。这适用于需要在传统Windows应用中集成现代网页界面的场景。 基本步骤： 安装Visual Studio：下载并安装Visual Studio。 创建Windows应用项目：新建WinForms或WPF项目。 添加WebView2控件：将WebView2控件添加到项目中。 加载网页：配置WebView2以加载指定的网页URL。 构建并打包：构建应用并打包为EXE文件。

一 安装Visual Studio

首先，您需要下载并安装Visual Studio。Visual Studio是微软提供的集成开发环境（IDE），支持多种编程语言和开发平台。您可以从微软官方网站下载最新版本的Visual Studio。

• 下载地址：Visual Studio: IDE and Code Editor for Software Developers and Teams

在安装过程中，确保选择了适合您开发需求的工作负载，例如“.NET桌面开发”工作负载，这将包括创建WinForms和WPF应用所需的工具和库。

二 创建Windows应用项目

打开Visual Studio，创建一个新的Windows应用项目。您可以选择创建WinForms应用或WPF应用，具体取决于您的需求和偏好。

• WinForms：适用于基于Windows窗体的传统桌面应用。
• WPF：适用于基于Windows Presentation Foundation的现代化桌面应用，支持更丰富的UI和动画效果。

三 添加WebView2控件

接下来，您需要将WebView2控件添加到您的项目中。WebView2控件是Microsoft Edge（Chromium内核）的一个轻量级封装，允许您在Windows应用中嵌入和显示网页内容。

对于WinForms应用：

[1] 在Visual Studio的“工具箱”中，找到“WebView2”控件（如果未显示，请确保已安装WebView2 SDK）。

[2] 将“WebView2”控件拖放到您的窗体上。

对于WPF应用：

[1] 在XAML文件中，添加对WebView2命名空间的引用。

<Window x:Class="YourNamespace.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="MainWindow" Height="450" Width="800">
    <Grid>
        <wv2:WebView2 x:Name="webView" />
    </Grid>
</Window>

 [2] 在代码隐藏文件（MainWindow.xaml.cs）中，初始化WebView2控件。

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

    private async void InitializeAsync()
    {
        await webView.EnsureCoreWebView2Async(null);
        webView.CoreWebView2.Navigate("https://www.example.com");
    }
}

四 加载网页

[1] 在WebView2控件初始化完成后，您可以使用Navigate方法加载指定的网页URL。

webView.CoreWebView2.Navigate("https://www.example.com");

五 构建并打包

最后，构建您的应用并将其打包为EXE文件。在Visual Studio中，您可以通过以下步骤完成此操作：

[1] 选择“生成”菜单中的“生成解决方案”。

[2] 选择“发布”菜单中的“发布向导”，按照提示配置发布设置。

[3] 选择发布目标（例如文件夹、安装程序等），然后生成发布包。

这样，您就可以将包含WebView2控件的Windows应用打包为可执行的EXE文件，并在目标计算机上运行了