Switch between code panes on CodePen, JSFiddle, and other online code editors, right from the keyboard.
codeTabber is a Chrome extension that brings panel-switching keyboard shortcuts to multiple online code editors. codeTabber allows you to switch focus between the various code panels using just the keyboard. The angle brackets, < and >, are used as facsimile arrow keys.
Usage:
To move focus to the next pane, press CTRL and the greater-than key (>). To switch focus to the previous pane, press CTRL and the less-than key (<). If no pane has focus when a keyboard shortcut is used, focus will be given to the first pane. (Mac users: use CTRL rather than CMD.)
Supported sites:
- CodePen
- CSSDeck
- CSSDesk
- dabblet
- JSBin
- JSFiddle
- kodtest
- Liveweave
- Rendera
- Stack Overflow (code editor)
Latest reviews
- (2023-08-06) 신혜성: It works very well. Thank you. ^_^
- (2018-08-17) rui zhang: This extension is really awesome!!!!!! Thank you!!!
- (2017-04-20) Max C: Worked well. Worth mentioning Ctrl is Ctrl on Mac, not Cmd.