C# (.Net6.0)WebView2控件使用的简单例子_编码文章

在.NET 6.0中，您可以使用WebView2控件来嵌入和操作Web内容。

以下是一个简单的示例代码，演示如何在C#中使用WebView2控件：

在您的C#项目中，添加对Microsoft.Web.WebView2 NuGet包的引用。

接下来，在您的窗体或用户控件中，添加一个WebView2控件。

您可以在设计视图中拖放一个WebView2控件，或者在代码中动态创建它。

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.WinForms;

// 创建一个WebView2控件实例
WebView2 webView = new WebView2();

// 设置WebView2控件的大小和位置
webView.Location = new Point(10, 10);
webView.Size = new Size(800, 600);

// 将WebView2控件添加到窗体或用户控件中
this.Controls.Add(webView);

接下来，您需要在代码中初始化WebView2控件，并加载一个URL：

// 初始化WebView2控件
await webView.EnsureCoreWebView2Async();

// 加载一个URL
webView.Source = new Uri("https://www.example.com");

您还可以通过订阅WebView2控件的事件来处理各种交互和导航操作。

例如，您可以使用NavigationCompleted事件来获取页面加载完成的通知：

webView.NavigationCompleted += (sender, e) =>
{
    if (e.IsSuccess)
    {
        // 页面加载成功
    }
    else
    {
        // 页面加载失败
    }
};

可以使用ExecuteScriptAsync方法来执行JavaScript代码。该方法接受一个字符串参数，其中包含要执行的JavaScript代码。

// 执行JavaScript代码
await webView.ExecuteScriptAsync("alert('Hello, World!');");

还可以使用InvokeScriptAsync方法来执行JavaScript函数。该方法接受两个参数，第一个参数是要调用的JavaScript函数的名称，第二个参数是一个包含函数参数的字符串。

// 执行JavaScript函数
await webView.InvokeScriptAsync("myFunction", "parameter1, parameter2");

可以通过执行JavaScript代码来获取指定DOM的信息，如：

// 执行JavaScript代码，获取DOM元素的值
string js = "document.getElementById('elementId').value;";
string elementValue = await webView.ExecuteScriptAsync(js);

请注意，执行JavaScript代码需要在WebView2控件完全加载完成后才能进行。可以使用NavigationCompleted事件来确保WebView2控件已加载完成，然后再执行JavaScript代码。

webView.NavigationCompleted += (sender, e) =>
{
    if (e.IsSuccess)
    {
        // WebView2控件加载完成，可以执行JavaScript代码
    }
};

这只是一个简单的示例，展示了如何在C#中使用WebView2控件。您可以根据自己的需求进一步扩展和定制WebView2控件的功能。

注意，.NET的不同版本,使用方式会有差别，需要根据实际情况做调整。

想办法解决学习途中遇到的各种问题也是一种很好的有效的学习方式。

C# (.Net6.0)WebView2控件使用的简单例子

相关文章