如何检查chrome中devtools源代码的console.log输出

时间:2013-11-16 10:32:04

标签: javascript google-chrome-devtools console.log

有任何人知道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源代码的日志输出。

感谢

4 个答案:

答案 0 :(得分:4)

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

  1. 取消DevTools窗口。 (这很重要:否则步骤2将无法实现)
  2. 右键单击未停靠的devtools,然后单击“inspect element”。
  3. 这将打开第二个DevTools窗口,它将检查第一个DevTools;可以在那里找到第一个devtools前端的所有输出。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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