how to check the console.log output of devtools source code in chrome

Question

Have anyone known where is the output of console.log in the InspectorBackend.js of devtools code. I found the console panel in the chrome have no any output.

for example, I have set dumpInspectorProtocolMessages = true, and and also add console.error in the function _wrapCallbackAndSendMessageObject as following:

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

I think the console panel in the chrome was loaded after above function, so where is the output, how to check it?

Btw, the function above is devtools source code, and what i want to see is the log output of devtools source code.

thanks

Andrey Lushnikov · Accepted Answer · 2013-11-18 05:52:35Z

4

In order to see output of console.log's located right into DevTools own source code, you need to open DevTools on DevTools. It's pretty easy:

Undock DevTools window. (This is important: otherwise step 2 won't be possible)
Right-click inside undocked devtools and click "inspect element".

This will open a second DevTools window which will be inspecting first DevTools; all the output from the first devtools frontend could be found there.

answered Nov 18, 2013 at 5:52

Andrey Lushnikov

3,3734 gold badges25 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

unloco Over a year ago

Hi, I right-click on the undocked devtools panel but I don't get "Inspect Element"! Please, give me more information about reproducing step 2. Thanks. Chrome v31.0.1650.57

unloco Over a year ago

I pressed Ctrl + Shift + J and got the second console. Thank you

Vicky Gonsalves · Accepted Answer · 2013-11-16 10:35:03Z

0

In Google Chrome Hit F12 on your keyboard and navigate to console tab or right click on your page and click inspect element

answered Nov 16, 2013 at 10:35

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

Comments

Krish R · Accepted Answer · 2013-11-16 10:36:09Z

0

You can use shift+ctrl+i, it open Developer Tools in Bottom and Find the Console tab click to view the console logs

answered Nov 16, 2013 at 10:36

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Comments

Prateek · Accepted Answer · 2013-11-16 10:37:51Z

0

In Google chrome use F12. For more check this link Opening DevTools.

answered Nov 16, 2013 at 10:37

Prateek

6,9852 gold badges27 silver badges37 bronze badges

2 Comments

user2999044 Over a year ago

it can't work, and when use F12, it don't show any output of devtools source code.

Prateek Over a year ago

go through this link and i think you will get your answer.

Collectives™ on Stack Overflow

how to check the console.log output of devtools source code in chrome

4 Answers 4

2 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related