WebView2 DevToolsProtocolEvent 未引发

Question

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

这就是我现在所拥有的：

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 Protocol Viewer。

...根据DevTools Protocol Viewer，我正在寻找的事件是Log.entryAdded。

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

我尝试过的其他事情：

• 使用在计算机上安装 WebView2 的 Evergreen Standalone Installer 或固定版本（87 和 88 版本），这基本上是 WebView2 的便携式版本
• 使用 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);
    }
}