如何檢查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前端的所有輸出。

Answer 2

在谷歌瀏覽器鍵盤上點擊F12並導航到控制台選項卡或右鍵單擊您的頁面，然后單擊inspect element

Answer 3

您可以使用shift+ctrl+i ，它打開底部的開發人員工具並找到Console選項卡單擊以查看控制台日志

Answer 4

在Google Chrome中使用F12。 有關更多信息，請查看此鏈接打開DevTools 。