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

【问题标题】：how to check the console.log output of devtools source code in chrome如何在chrome中检查devtools源代码的console.log输出
【发布时间】：2013-11-29 19:21:12
【问题描述】：

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

谢谢

【问题讨论】：

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

【解决方案1】：

为了在 DevTools 自己的源代码中看到 console.log 的输出，您需要在 DevTools 上打开 DevTools。这很容易：

取消停靠 DevTools 窗口。（这很重要：否则无法执行第 2 步）
在未停靠的 devtools 中右键单击，然后单击“检查元素”。

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

【讨论】：

嗨，我右键单击未停靠的 devtools 面板，但没有看到“检查元素”！请给我更多关于复制步骤 2 的信息。谢谢。 Chrome v31.0.1650.57
我按下了 Ctrl + Shift + J 并获得了第二个控制台。谢谢

【解决方案2】：

在谷歌浏览器中点击键盘上的F12并导航到控制台选项卡或右键单击您的页面并单击inspect element

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

在谷歌浏览器中使用 F12。有关更多信息，请查看此链接Opening DevTools。

【讨论】：

它不能工作，并且使用F12时，它不显示任何devtools源代码的输出。
浏览一下这个link，我想你会得到答案的。