WebView2 DevToolsProtocolEvent 未引发

问题描述

我正在尝试创建一个使用 WebView2 WPF 组件的应用程序。目前，我正在使用 console.log() 记录由网站的 javascript 代码编写的消息和错误。

这就是我现在所拥有的：

public partial class WebView2browserControl : WebView2
{
    private async void OnWebViewLoaded(object sender,RoutedEventArgs e)
    {
        await EnsureCoreWebView2Async();
        if (showDeveloperTools)
        {
            CoreWebView2.GetDevToolsProtocolEventReceiver("Log.entryAdded").DevToolsProtocolEventReceived += OnConsoleMessage;
            CoreWebView2.OpenDevToolsWindow();
        }
        else
        {
            CoreWebView2.Settings.AreDevToolsEnabled = false;
        }
    }

    private void OnConsoleMessage(object sender,CoreWebView2DevToolsProtocolEventReceivedEventArgs e)
    {
        if (e != null && e.ParameterObjectAsJson != null)
        {
            Trace.WriteLine("WebView2:" + e.ParameterObjectAsJson);
        }
    }
}

如您所见，我正在使用 GetDevToolsProtocolEventReceiver 方法订阅 DevTools 中的事件。文档说明如下：

eventName:String - 格式为 {domain}.{event} 的事件的全名。 有关 DevToolsProtocol 事件描述和事件参数的更多信息，请导航到 DevTools 协议查看器。

...并且根据 DevTools 协议查看器，我正在寻找的事件是 Log.entryAdded。

现在的问题是，虽然 GetDevToolsProtocolEventReceiver("Log.entryAdded") 调用不会引发任何异常，但事件永远不会引发，即使我可以在 DevTools 中看到记录的内容。我什至尝试在 DevTools 窗口中编写自己的 console.log() 调用。

我尝试过的其他事情：

使用在机器上安装 WebView2 的 Evergreen Standalone Installer 或固定版本（87 和 88 版本），后者基本上是 WebView2 的便携式版本
同时使用来自 NuGet 的 Microsoft.Web.View2.Core.dll 的最新稳定版本 1.0.705.50 和最新的预发布版本
同时使用 Log.entryAdded 事件和 Console.messageAdded（已弃用）
在我打开 DevTools 窗口后订阅事件

那我做错了什么？

解决方法

你已经接近了！

事实证明，您必须启用协议事件，否则它不会被调用。

在添加事件侦听器后只需 enable，如下所示：

CoreWebView2.GetDevToolsProtocolEventReceiver("Log.entryAdded").DevToolsProtocolEventReceived += ConsoleMessage;
await CoreWebView2.CallDevToolsProtocolMethodAsync("Log.enable","{}");

现在您应该在跟踪中获取消息。

Windows 表单的替代方案（在您安装并在表单上放置 WebView2 之后：

private async void Form1_Load(object sender,EventArgs e)
{
    await webView21.EnsureCoreWebView2Async();
}

private async void WebView21_CoreWebView2InitializationCompleted(object sender,Microsoft.Web.WebView2.Core.CoreWebView2InitializationCompletedEventArgs e)
{
    webView21.CoreWebView2.GetDevToolsProtocolEventReceiver("Log.entryAdded").DevToolsProtocolEventReceived += ConsoleMessage;
    await webView21.CoreWebView2.CallDevToolsProtocolMethodAsync("Log.enable","{}");
    webView21.CoreWebView2.OpenDevToolsWindow();
    webView21.CoreWebView2.Navigate("https://stackoverflow.com");

}

private void ConsoleMessage(object sender,Microsoft.Web.WebView2.Core.CoreWebView2DevToolsProtocolEventReceivedEventArgs e)
{
    if (e != null && e.ParameterObjectAsJson != null)
    {
        Console.WriteLine("WebView2:" + e.ParameterObjectAsJson);
    }
}

c#c#chrome-devtools-protocol webview2 wpf wpf wpf