如何检查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，然后单击“inspect element”。

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

Answer 2

在谷歌浏览器中点击键盘上的F12并导航至控制台标签或右键单击您的页面，然后点击inspect element

Answer 3

您可以使用shift+ctrl+i，在底部打开开发者工具并找到Console标签点击查看控制台日志

Answer 4

在Google Chrome中使用F12。有关详情，请查看此链接Opening DevTools。