Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to show console in chrome dev tools sources view

How can I display the console while in the sources tab for the Chrome developer tools?

It has opened that way for me, so I know it is possible, but if it doesn’t display when I open it, I can get it to.

like image 467
jonnie Avatar asked Sep 18 '15 13:09

jonnie


4 Answers

I couldn't find the Show drawer button stated in Marten's answer. Perhaps it has been removed in the past year and a half. I found it in the "three vertical dots" options menu on the top right though.

Also this can be toggled with the Esc key.

like image 167
ThoughtPolice84 Avatar answered Nov 09 '22 01:11

ThoughtPolice84


In the top right of the stack inspector, click on the "⋮" next to the "x". Then, click "Show console drawer". You can also hit the Escape key.

In the top right of the stack inspector, click on the "⋮" next to the "x". click "Show console drawer.

like image 27
Andrew Farrell Avatar answered Nov 09 '22 00:11

Andrew Farrell


I think you were looking for the "Show drawer" button. It looks like

>_

It is three places left of the devtool close (x) button.

like image 46
Marten Avatar answered Nov 08 '22 23:11

Marten


I can never find it either when I accidentally turn it off. Here's an updated screenshot from Chrome, Version 83.0.4103.116 (Official Build) (64-bit). It's next to the Settings button in the top right corner, underneath the Close icon. Click the vertical ellipsis, then you will see the option, Show console drawer.

Show console drawer

like image 21
iCode Avatar answered Nov 09 '22 00:11

iCode