how to show console in chrome dev tools sources view

Google ChromeGoogle Chrome-Devtools

Google 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.

In the top right of the stack inspector, click on the . click .

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.

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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionjonnieView Question on Stackoverflow
Solution 1 - Google ChromeThoughtPolice84View Answer on Stackoverflow
Solution 2 - Google ChromeAndrew FarrellView Answer on Stackoverflow
Solution 3 - Google ChromeMartenView Answer on Stackoverflow
Solution 4 - Google ChromeiCodeView Answer on Stackoverflow
Solution 5 - Google ChromeDaryl MalibiranView Answer on Stackoverflow
Solution 6 - Google ChromeDanko RancicView Answer on Stackoverflow