如何在线程中获取WebView2的HTML文档？解决ExecuteScriptAsync线程执行问题

问题分析 #

你的代码存在两个核心问题：

1. 编译错误：ExecuteScriptAsync返回的是Task<string>类型，而非直接的string，无法直接作为返回值。
2. 线程安全问题：WebView2控件的所有API必须在UI线程执行，非UI线程直接调用会引发异常，且传统的InvokeRequired方式无法直接适配异步方法的同步等待需求。

最佳解决方案 #

以下是两种可靠的实现方式，均保证线程安全并同步获取HTML内容：

方式一：UI线程调度+异步转同步（WinForms）

通过Invoke将操作调度到UI线程，在UI线程内等待异步任务完成：

Thread thread = new Thread(() => Work());
thread.SetApartmentState(ApartmentState.STA);
thread.Start();

protected void Work()
{
    string htmlContent = null;
    // 将获取HTML的操作调度到UI线程执行
    webBrowserEdge.Invoke(new Action(async () =>
    {
        htmlContent = await GetHtmlDocumentAsync();
    }));
    
    // 此处已获取到HTML内容，可继续后续处理
    // ...
}

// 异步获取HTML的方法（必须在UI线程调用）
protected async Task<string> GetHtmlDocumentAsync()
{
    string script = "document.documentElement.outerHTML";
    // ExecuteScriptAsync返回JSON序列化后的字符串，需反序列化
    string jsonResult = await webBrowserEdge.ExecuteScriptAsync(script);
    return System.Text.Json.JsonSerializer.Deserialize<string>(jsonResult);
}

方式二：使用TaskCompletionSource封装同步等待

这种方式更紧凑，直接在方法内部处理线程调度和异步等待：

Thread thread = new Thread(() => Work());
thread.SetApartmentState(ApartmentState.STA);
thread.Start();

protected void Work()
{
    string htmlContent = GetHtmlDocumentSync();
    // 处理HTML内容
    // ...
}

protected string GetHtmlDocumentSync()
{
    if (webBrowserEdge.InvokeRequired)
    {
        // 跨线程时，调度到UI线程执行自身
        return (string)webBrowserEdge.Invoke(new Func<string>(GetHtmlDocumentSync));
    }
    else
    {
        string script = "document.documentElement.outerHTML";
        var tcs = new TaskCompletionSource<string>();
        
        // 执行异步脚本并处理结果
        _ = webBrowserEdge.ExecuteScriptAsync(script).ContinueWith(task =>
        {
            if (task.IsFaulted)
                tcs.SetException(task.Exception);
            else
            {
                string html = System.Text.Json.JsonSerializer.Deserialize<string>(task.Result);
                tcs.SetResult(html);
            }
        }, TaskScheduler.FromCurrentSynchronizationContext());
        
        // 同步等待任务完成并返回结果
        return tcs.Task.Result;
    }
}

关键注意事项 #

• UI线程限制：WebView2的所有API必须在UI线程执行，任何跨线程操作都必须通过Invoke（WinForms）或Dispatcher.Invoke（WPF）调度。
• JSON解析：ExecuteScriptAsync返回的结果是JSON格式的字符串，必须反序列化才能得到原始HTML内容，否则会包含转义字符和引号。
• 初始化检查：确保WebView2的CoreWebView2已完成初始化（可通过CoreWebView2Initialized事件确认），否则调用ExecuteScriptAsync会抛出异常。
• 死锁风险：同步等待异步任务在UI线程中调用可能导致死锁，但上述代码均在非UI线程触发，因此无此风险。

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