how to show console in chrome dev tools sources view
Google ChromeGoogle Chrome-DevtoolsGoogle Chrome Problem Overview
This may seem like a really basic question and I may just not be seeing the button but I can never figure out how to display the console while in the sources tab fo the chrome devtools. It has opened that way for me so I know it is possible but if it doens't display when I open it I can get it to
Google Chrome Solutions
Solution 1 - Google Chrome
I couldn't find the "Show drawer" button stated in the accepted 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
Solution 2 - Google Chrome
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.
Solution 3 - Google Chrome
I think you were looking for the "show drawer" button. It looks like
>_
3 places left of the devtool close (x) button.
Solution 4 - Google Chrome
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.
Solution 5 - Google Chrome
You can use a keyboard shortcut Ctrl + Tilde
to show Console.
Note: Tilde is the ~
key between Esc
and Tab
keys.
Solution 6 - Google Chrome
If you have any errors or warnings showing in the top bar next to the three vertical dots, simply clicking on these indicators will also open the drawer, but the simplest way to toggle it is simply pressing Esc, like others have noted.