Hotkey to toggle between DevTools Network/Console tabs

Hello,

In Chrome developer tools, one can navigate the different tabs using CMD [ and CMD ]. But I would like to have a single hotkey that would toggle between Network and Console tabs. What's the best approach to solve this without using click at image action?

hotkey toggle

Thanks,
ChrisQ

Browsers are (fortunately) a bit of a black box to external scripting environments.

Perhaps you can reach those Developer UI states from the Chrome plugin evaluation space ?

(I haven't checked)


Customize DevTools - Chrome Developers


Or switch on the panel shortcuts ? ⌘3 and ⌘6 for Console and Network.

(I suppose you could write state to a KM variable to remember which of those you just used, to enable toggling)

1 Like

e.g.

Toggle Console ⇄ Network in Chrome Developer Tools.kmmacros (6.5 KB)

1 Like

Hi @ComplexPoint,

This is super. Thanks for digging into this and finding a really good solution. I had no idea about enabling shortcuts to switch panels.

Really appreciate your effort and time. :slight_smile:
ChrisQ

1 Like