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)
- (2018-08-17) rui zhang: This extension is really awesome!!!!!! Thank you!!!
- (2017-04-20) Maksym Cherniavskyi: Worked well. Worth mentioning Ctrl is Ctrl on Mac, not Cmd.
- (2019-12-28, v:1.3.1) Ian Square: Only switches between two tabs
Hey! I'm trying to use your plugin, I love the idea, but for some reason I can only switch between the css and js tabs, not the html.
- (2017-08-01, v:1.3) Adam Harpur: pathing issue?
Package is invalid. Details: 'Could not load extension icon 'codetabber16.png'.'. Great extension I use all the time on firefox, having some problems with Chrome. Keep up the great work.