Chrome Remote Developer 工具不解释接收到的数据

Question

我正在尝试创建 Google Chrome DevTools 远程调试会话。

我有一个远程调试会话，运行在此 URL:

chrome-devtools://devtools/remote/serve_rev/@8925c3c45f3923bc78ffc841842183cc592a0143/inspector.html?ws=localhost:8888/5f3be6ad-c4dd-4835-baf6-99779b6de1f6&remoteFrontend=true&dockSide=unlocked&experiments=true

我有一个 Node.js 服务器，通过 Websocket 连接到远程 DevTools。

我正在尝试将以下消息发送到远程调试会话：

id: 1,
method: "Log.entryAdded",
params: {
   timestamp: (new Date).getTime(),
   text: "Forced reflow while executing JavaScript took 47ms",
   source: "violation",
   level: "verbose",
}

从网络日志来看，远程会话显然收到了消息。（这是最后一个）

但开发工具似乎无法正确解释该消息。因为我的控制台是空的。但我希望有一行包含上面的短信。

我被这个问题困住了，因为我什至不知道如何进一步调试它。

非常感谢帮助

Answer 1

设法有点解决了这个问题。

实际上我不得不启用

{
   method: "Page.enable"
}

和

{
   method: "Page.getResourceTree"
}

在调试器中。

现在远程调试器可以正确显示收集到的 console.log 数据。因此，仅启用

{
   method: "Log.enable"
}

好像还不够。远程调试器需要比这更多的数据来解释 console.log 数据。

Chrome Remote Developer 工具不解释接收到的数据

Chrome Remote Developer tools not interpreting received data

remote-debugging

websocket

node.js

google-chrome-devtools