WebView2单文件WinForms应用中IndexedDB与localStorage权限问题

问题根源 #

当你直接通过NavigateToString加载嵌入式资源内容时，网页会运行在about:blank或data:这类受限源环境中，浏览器出于安全限制会禁用IndexedDB、localStorage等存储API——这和你设置的命令行参数无关，因为这些参数主要针对file:协议场景生效。

可行解决方案 #

方案1：改用自定义URI Scheme加载资源（推荐）

通过自定义专属URI Scheme（比如myapp://），拦截WebView2的资源请求并从嵌入式资源返回内容。这种方式让网页运行在正常的源环境下，无需禁用Web安全，且能正常使用存储API。

实现步骤：

1. 初始化WebView2时注册资源拦截事件

using System.Reflection;
using Microsoft.Web.WebView2.WinForms;

// 确保WebView2初始化完成后配置拦截逻辑
await webView2.EnsureCoreWebView2Async();

webView2.CoreWebView2.WebResourceRequested += (sender, e) =>
{
    // 拦截自定义Scheme的资源请求
    if (e.Request.Uri.StartsWith("myapp://embedded/"))
    {
        // 解析资源路径（移除Scheme前缀）
        var resourcePath = e.Request.Uri.Replace("myapp://embedded/", "");
        // 注意：资源名称需与项目中嵌入式资源的完整命名一致（格式通常为"命名空间.文件夹.文件名"）
        var fullResourceName = $"{Assembly.GetExecutingAssembly().GetName().Name}.{resourcePath}";
        
        using var stream = Assembly.GetExecutingAssembly().GetManifestResourceStream(fullResourceName);
        if (stream != null)
        {
            // 根据资源类型设置对应Content-Type
            string contentType = GetResourceContentType(resourcePath);
            var response = e.CoreWebView2.Environment.CreateWebResourceResponse(
                stream,
                200,
                "OK",
                $"Content-Type: {contentType}");
            e.Response = response;
        }
    }
};

// 导航到自定义Scheme的首页
webView2.CoreWebView2.Navigate("myapp://embedded/index.html");

2. 辅助方法：根据文件后缀匹配Content-Type

private string GetResourceContentType(string resourcePath)
{
    var extension = Path.GetExtension(resourcePath).ToLowerInvariant();
    return extension switch
    {
        ".html" => "text/html",
        ".js" => "application/javascript",
        ".css" => "text/css",
        ".png" => "image/png",
        ".jpg" => "image/jpeg",
        _ => "application/octet-stream"
    };
}

方案2：提取嵌入式资源到临时文件夹，用file:协议加载

如果坚持使用本地文件方式，需要将嵌入式资源提取到临时目录，再通过file://协议加载，同时确保命令行参数正确生效。

实现步骤：

1. 提取嵌入式资源到临时目录

// 生成唯一临时目录，避免多实例冲突
string tempResourceDir = Path.Combine(Path.GetTempPath(), $"WebView2_Res_{Guid.NewGuid()}");
Directory.CreateDirectory(tempResourceDir);

var assembly = Assembly.GetExecutingAssembly();
// 遍历所有嵌入式资源并写入临时目录
foreach (var resourceName in assembly.GetManifestResourceNames())
{
    var fileName = resourceName.Split('.').Last();
    var outputPath = Path.Combine(tempResourceDir, fileName);
    
    using var resourceStream = assembly.GetManifestResourceStream(resourceName);
    using var fileStream = new FileStream(outputPath, FileMode.Create);
    resourceStream.CopyTo(fileStream);
}

2. 正确初始化WebView2环境（确保命令行参数生效）

// 指定可写的用户数据文件夹（你已设置为临时目录，这里明确指定）
string userDataFolder = Path.Combine(Path.GetTempPath(), "MyWebView2_UDF");
var options = new CoreWebView2EnvironmentOptions("--allow-file-access-from-files");

// 用自定义环境初始化WebView2，而非默认环境
var environment = await CoreWebView2Environment.CreateAsync(null, userDataFolder, options);
await webView2.EnsureCoreWebView2Async(environment);

// 导航到提取后的本地HTML文件
webView2.CoreWebView2.Navigate(new Uri(Path.Combine(tempResourceDir, "index.html")).AbsoluteUri);

验证命令行参数是否生效的方法 #

如果怀疑参数未生效，可以通过以下方式确认：

1. 获取WebView2浏览器进程ID：webView2.CoreWebView2.BrowserProcessId
2. 打开任务管理器，找到对应msedgewebview2.exe进程，右键查看"属性"中的"命令行"字段，确认是否包含你设置的参数。

注意事项 #

• 单文件应用中，提取资源到临时文件夹时，建议用Guid生成唯一目录，避免多实例资源冲突。
• 方案1的自定义Scheme方式更安全，无需禁用Web安全，是优先推荐的实现方案。

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