C# 如何使用 webview2 调用本地html文件

最新推荐文章于 2026-05-28 15:31:10 发布

原创

最新推荐文章于 2026-05-28 15:31:10 发布 · 3.1k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何在C#项目中使用WebView2控件调用本地HTML文件。首先需要下载Microsoft.Web.WebView2，然后在窗体上添加控件，并通过编写代码实现HTML文件的加载。通过这种方式，可以创建一个C#框架，利用WebView2展示经过CSS美化后的HTML界面，例如集成Echarts等图表库。

1. 下载Microsoft.Web.WebView2

2. 工具箱里面会出现一个webview2的控件

3. 把这个控件拖到窗体上

4. 写如下代码：

//窗体装载事件
private void ProductChartForm_Load(object sender, EventArgs e)
{
    this.webView2_main.CoreWebView2InitializationCompleted += new EventHandler<Microsoft.Web.WebView2.Core.CoreWebView2InitializationCompletedEventArgs>(this.WebView2InitializationCompleted);


}
//webview2装载完成监听
private void WebView2InitializationCompleted(object sender, CoreWebView2InitializationCompletedEventArgs e)
{
//本地路径
    string currentPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location);
//本地html文件，可以把css和js文件导入
string filepath = currentPath + @"\html\index.html";
if (File.Exists(filepath))
{  //创建实例
    this.webView2_main.Source = new Uri(filepath);
    //导航完成监听
    webView2_main.NavigationCompleted += WebView_Navigated;

}
}
//导航完成后，可以写调用网页的js函数事件了。
 private void WebView_Navigated(object? sender, CoreWebView2NavigationCompletedEventArgs e)

标签

#c#