javascript - 如何在 chrome 中查看 devtools 源代码的 console.log 输出

Question

有谁知道devtools代码的InspectorBackend.js中console.log的输出在哪里？我发现 chrome 中的控制台面板没有任何输出。

例如，我设置了dumpInspectorProtocolMessages = true，并且还在函数_wrapCallbackAndSendMessageObject中添加了console.error，如下所示:

   console.error("show error on console");
   if (this.dumpInspectorProtocolMessages)
        console.log("frontend: " + JSON.stringify(messageObject));

我认为 chrome 中的控制台面板是在上述功能之后加载的，那么输出在哪里，如何检查呢？

顺便说一下，上面的函数是devtools源码，我想看的是devtools源码的日志输出。

谢谢

Answer 1

为了查看位于 DevTools 自己的源代码中的 console.log 的输出，您需要在 DevTools 上打开 DevTools。这很简单:

1. 取消停靠 DevTools 窗口。 (这很重要:否则第 2 步将无法进行)
2. 在未停靠的 devtools 中右键单击并单击“检查元素”。

这将打开第二个 DevTools 窗口，该窗口将检查第一个 DevTools；第一个 devtools 前端的所有输出都可以在那里找到。