WebView2无法访问DOM，宿主代码仍能像旧WebBrowser控件那样添加事件处理吗？

旧WebBrowser控件基于IE ActiveX，能直接在VB代码中获取DOM元素的.NET对象并绑定事件，但这种方式在WebView2里确实行不通——核心原因是WebView2采用Chromium内核的进程隔离设计：VB代码运行在.NET主进程，网页内容在独立的Chromium渲染进程，两者无法直接跨进程共享DOM对象实例。

替代方案：通过JavaScript注入+消息回调实现交互 #

WebView2提供了ExecuteScriptAsync注入脚本，再通过WebMessageReceived事件实现VB代码与网页的交互，具体步骤如下：

1. 注入JavaScript绑定元素事件
   在WebView2初始化完成后，注入脚本给目标元素添加点击事件，触发时通过chrome.webview.postMessage向VB发送消息：

Private Async Sub WebView21_CoreWebView2InitializationCompleted(sender As Object, e As CoreWebView2InitializationCompletedEventArgs) Handles WebView21.CoreWebView2InitializationCompleted
    If e.IsSuccess Then
        Dim injectScript As String = "
            const propsIcon = document.getElementById('PropertiesIcon');
            if (propsIcon) {
                propsIcon.addEventListener('click', () => {
                    chrome.webview.postMessage('PropertiesIcon_Clicked');
                });
            }
        "
        Await WebView21.CoreWebView2.ExecuteScriptAsync(injectScript)
    End If
End Sub

2. 在VB中处理Web消息
   绑定WebView2的WebMessageReceived事件，接收网页发来的消息并执行原事件处理函数：

Private Sub WebView21_WebMessageReceived(sender As Object, e As CoreWebView2WebMessageReceivedEventArgs) Handles WebView21.WebMessageReceived
    Dim message = e.TryGetWebMessageAsString()
    If message = "PropertiesIcon_Clicked" Then
        PropsIconFunction() ' 调用原来的事件处理逻辑
    End If
End Sub

3. 确保脚本在页面加载时执行
   如果需要页面加载完成后自动绑定事件，可使用AddScriptToExecuteOnDocumentCreatedAsync：

Await WebView21.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("
    document.addEventListener('DOMContentLoaded', () => {
        const propsIcon = document.getElementById('PropertiesIcon');
        if (propsIcon) {
            propsIcon.addEventListener('click', () => {
                chrome.webview.postMessage('PropertiesIcon_Clicked');
            });
        }
    });
")

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