Shortcut for switching between tabs in Chrome Developer Tools

Question

Is there a pre-built shortcut that allows you to switch tabs in a similar manner you would with browser tabs?:

cmd + shift + {

cmd + shift + }

Referring to these tabs below:

Looked on the dev tools site but to no avail. If there's not a shortcut available what would be an ideal shortcut combo that's readily available to the keyboard?

This website has a lot of commands for dev mode: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/shortcuts but I don't think there's a shortcut for switching between those tabs. — rassar, Oct 15 '16 at 14:25
if you're working on sources tab, it has a console (so no need to switch to console tab) — Jason, Aug 04 '17 at 23:08

Firoz Memon · Answer 1 · 2018-01-02T07:31:31.647

69

Try this:

To go to left panel

Ctrl + [

To go to right panel

Ctrl + ]

For other panel shorcuts,

Go to Developer options/tools then Click on Settings or by pressing F1

View Settings image

Then go to "Shortcuts" and scroll down to "All Panels"

View Shorcuts image

edited Jan 02 '18 at 07:31

answered Oct 15 '16 at 15:00

Firoz Memon

4,282
3
22
32

7

Great thanks. I'd just make a note in your answer that for mac users that instead of `ctrl` it's `cmd`. – Carl Edwards Oct 15 '16 at 17:22
Is there any way to change it? – Jacob Jun 03 '18 at 15:41
1

@Jacob I think you are looking for following : https://stackoverflow.com/questions/8192714/customize-chrome-developer-tool-javascript-debugger-keyboard-shortcuts Hope it helps! – Firoz Memon Jun 03 '18 at 16:39
For me, on ubuntu is Ctrl + ´ to go to the left. – theveloptg Jul 28 '22 at 16:45

score 60 · Accepted Answer · edited Jun 01 '22 at 01:24

60

In the DevTools Settings under Appearance check off (Linux/Win) Enable Ctrl + 1-9 shortcut to switch panels or (Mac) Enable Cmd/⌘ + 1-9 shortcut to switch panels. This will turn on the ability to use ctrl or cmd|⌘ switching just like tabs for the DevTools when they have focus.

edited Jun 01 '22 at 01:24

Elijah Lynn

12,272
10
61
91

answered Oct 15 '16 at 20:03

Garbee

10,581
5
38
41

6

For mac users it's `⌘ + 1-9` and not actually `Ctrl`. – Dimitri W Aug 10 '17 at 17:46
4

As it would be for any Mac shortcuts. – Garbee Aug 10 '17 at 19:52
@Garbee True, but the setting still words it as "Ctrl" on all platforms, oddly. – Jacob Ford Jan 24 '19 at 14:50
Thanks for the suggestions. I just added the Mac shortcuts. And next time, I encourage you to just to edit the answer and add it yourself. That is what StackOverflow is all about! – Elijah Lynn Jun 01 '22 at 01:27

score 1 · Answer 3 · answered Oct 24 '21 at 15:36

I'd like to use the ⌘ + [ and ⌘ + ] shortcuts to switch between DevTools tabs using a French QWERTY keyboard (on macOS).

On QWERTY, we need to press ⌥ + Shift + { to type [, but in combination with the Command key, that would become ⌘ + ⌥ + Shift + {. Not only is that almost impossible to type, but it also doesn't work.

It is not possible to redefine that keyboard shortcut in DevTools Shortcuts settings so I guess QWERTY users are out of luck unless someone knows a solution.

Shortcut for switching between tabs in Chrome Developer Tools

3 Answers3