codeTabber
Switch between code panes on CodePen, JSFiddle, and other online code editors, right from the keyboard.
What is codeTabber?
codeTabber is a Chrome extension developed by freginold, and its main feature is "Switch between code panes on CodePen, JSFiddle, and other online code editors, right from the keyboard.".
Extension Screenshots
Download codeTabber Extension CRX File
Download codeTabber extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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) Extension Basic Information
| Name |  codeTabber |
| ID | hhlhpibdcfdggipnplpdaboblfblppon |
| Official URL | https://chromewebstore.google.com/detail/codetabber/hhlhpibdcfdggipnplpdaboblfblppon |
| Description | Switch between code panes on CodePen, JSFiddle, and other online code editors, right from the keyboard. |
| File Size | 11.86 KB |
| Installation Count | 70 |
| Current Version | 1.3.1 |
| Last Updated | 2017-09-07 |
| Publish Date | 2017-09-07 |
| Rating | 5.00/5 Total 3 Ratings |
| Developer | freginold |
| Payment Type | free |
| Extension Website | https://tech-in-check.blogspot.com/p/codetabber-browser-extension.html |
| Help Page URL | https://tech-in-check.blogspot.com/p/codetabber-browser-extension.html |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "codeTabber",
"description": "Switch between code panes on CodePen, JSFiddle, and other online code editors, right from the keyboard.",
"version": "1.3.1",
"short_name": "codeTabber",
"author": "freginold",
"icons": {
"48": "codetabber48.png",
"38": "codetabber38.png",
"19": "codetabber19.png",
"16": "codetabber16.png"
},
"content_scripts": [
{
"matches": [
"*:\/\/*.codepen.io\/*",
"*:\/\/*.cssdeck.com\/*",
"*:\/\/*.cssdesk.com\/*",
"*:\/\/*.dabblet.com\/*",
"*:\/\/*.jsbin.com\/*",
"*:\/\/*.jsfiddle.net\/*",
"*:\/\/*.kodtest.com\/*",
"*:\/\/*.liveweave.com\/*",
"*:\/\/*.rendera.herokuapp.com\/*",
"*:\/\/*.stackoverflow.com\/*"
],
"js": [
"codetabber.js"
],
"run_at": "document_end"
}
]
} | |
