如何在WebView2组件中高效引用HTML、CSS、JS嵌入式资源？

你提到的SetVirtualHostNameToFolderMapping确实更适配物理文件夹场景，但针对嵌入式资源，有两种高效可靠的实现方式，优先推荐拦截Web资源请求的方案：

方案一：通过CoreWebView2WebResourceRequested事件拦截请求（推荐） #

这种方式无需将嵌入式资源写入磁盘，直接从内存读取返回给WebView2，性能高效且可控性强。

步骤说明： #

1. 配置嵌入式资源：
   在项目中选中HTML、CSS、JS等文件，右键设置属性：

   • 生成操作：设为嵌入的资源
   • 复制到输出目录：设为不复制

2. 订阅资源请求事件：
   在WebView2初始化完成后，订阅CoreWebView2WebResourceRequested事件，并自定义一个虚拟域名（比如app.local）用于加载资源。

3. 处理请求并返回嵌入式资源：
   在事件回调中，解析请求的URI，匹配对应的嵌入式资源，读取资源流并构造响应返回。

代码示例（C#）： #

// WebView2初始化完成后触发
private void WebView_CoreWebView2Ready(object sender, EventArgs e)
{
    var webView = sender as WebView2;
    if (webView?.CoreWebView2 == null) return;

    // 注册自定义虚拟域名，禁用默认文件夹映射改用事件拦截
    webView.CoreWebView2.SetVirtualHostNameToFolderMapping(
        "app.local", "", CoreWebView2HostResourceAccessKind.Deny);

    // 订阅资源请求拦截事件
    webView.CoreWebView2.WebResourceRequested += CoreWebView2_WebResourceRequested;

    // 加载嵌入式的主HTML页面
    webView.CoreWebView2.Navigate("app://local/index.html");
}

// 处理资源请求
private void CoreWebView2_WebResourceRequested(object sender, CoreWebView2WebResourceRequestedEventArgs e)
{
    var requestUri = new Uri(e.Request.Uri);
    // 仅处理自定义虚拟域名的请求
    if (requestUri.Host != "app.local") return;

    // 构造嵌入式资源的名称（格式：命名空间.资源路径，例如MyApp.Resources.css.style.css）
    string resourcePath = requestUri.AbsolutePath.TrimStart('/').Replace('/', '.');
    string fullResourceName = $"YourAppNamespace.Resources.{resourcePath}";
    var assembly = System.Reflection.Assembly.GetExecutingAssembly();

    // 检查资源是否存在
    if (assembly.GetManifestResourceInfo(fullResourceName) == null)
    {
        // 返回404响应
        e.Response = ((CoreWebView2)sender).Environment.CreateWebResourceResponse(
            null, 404, "Not Found", "Content-Type: text/plain");
        return;
    }

    // 读取嵌入式资源流
    using var resourceStream = assembly.GetManifestResourceStream(fullResourceName);
    // 确定资源的MIME类型
    string mimeType = GetResourceMimeType(requestUri.AbsolutePath);

    // 返回资源响应
    e.Response = ((CoreWebView2)sender).Environment.CreateWebResourceResponse(
        resourceStream, 200, "OK", $"Content-Type: {mimeType}");
}

// 根据文件扩展名返回对应MIME类型
private string GetResourceMimeType(string filePath)
{
    string extension = System.IO.Path.GetExtension(filePath).ToLowerInvariant();
    return extension switch
    {
        ".html" => "text/html",
        ".css" => "text/css",
        ".js" => "application/javascript",
        ".png" => "image/png",
        ".jpg" or ".jpeg" => "image/jpeg",
        ".svg" => "image/svg+xml",
        _ => "application/octet-stream"
    };
}

方案二：临时提取嵌入式资源到磁盘，配合SetVirtualHostNameToFolderMapping #

如果你的场景依赖文件系统（比如某些JS库需要读取文件路径），可以先将嵌入式资源提取到临时目录，再用虚拟主机映射：

步骤说明： #

1. 提取嵌入式资源到临时文件夹：遍历程序集中的嵌入式资源，将它们写入临时目录的对应结构。
2. 映射虚拟主机到临时目录：调用SetVirtualHostNameToFolderMapping将自定义虚拟域名指向该临时目录。
3. 加载资源：通过虚拟域名访问HTML文件。

这种方案存在磁盘IO开销，不如方案一高效，但兼容性更好。

内容的提问来源于stack exchange，提问作者kgsensei