WebView2 DevToolsProtocolEvent 未引发

Question

我正在尝试创建一个使用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 独立安装程序或基本上是 WebView2 的便携式版本的固定版本（87 和 88 版本）
• 同时使用来自 NuGet 的最新稳定版 Microsoft.Web.View2.Core.dll 1.0.705.50 和最新的预发布版本
• 同时使用 Log.entryAdded 事件和 Console.messageAdded（已弃用）
• 打开 DevTools 窗口后订阅活动

那我做错了什么？

Answer 1

你已经接近了！

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

添加事件侦听器后只需 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);
    }
}