Chrome/Firefox Tab Management Hotkeys!
Firefox: https://addons.mozilla.org/en-US/firefox/addon/tabbo/ Chrome: https://chromewebstore.google.com/detail/tabbo/hedbkonckghacebehjebpfknhdbobiko
Tabbo is a hotkeys management tool built for Chrome and Firefox. It should work for any browsers based on these two. It is built with the intention to be combined with other window management softwares to maximize productivity, and minimize the annoying mouse draggy, sometimes accidentally pop-offing, vanilla browser UI/UX.
You can modify the hotkeys by navigating to the plugin and clicking settings.
The app features hotkeys for:
- moving tabs left and right
- popping tabs off of the current window
- sending tabs between windows (with custom UI)
We hope you all enjoy,
- Tabbo team
Tabbo has access to the "<all_urls>"
permission which gives it access to "All of your data". This allows the extension to take advantage of captureVisibleTab
which allows you to see screenshots of your open windows (reference - https://developer.chrome.com/extensions/tabs). No data is being had.
NOTE that this now needs to be explicitly enabled in the settings page. Without this, you will not see screenshot of the window when switching.
If you have any ideas you'd like us to implement, you can make an issue and we can look into making it a reality!
Alternatively, if you'd like to implement it on your own, you are welcome to fork the repo and make a pull request. We will review in as timely a manner as we can.
If this is your first time working on this then follow this section. Otherwise, you can skip ahead to the next section.
Before you begin, you will need Node.js and NPM installed on your machine.
- Clone the repository and
cd
into it - Run
npm install
to install all the required packages - Run
npm install --only=dev
to install the required development packages- This includes tools necessary to build the extension so that you don't have to install them globally and so that we can control the version
That should set you up with all the required pieces.
Make sure you followed the previous section before you proceed!
- From the extension's main directory, run
npm run build
- This will do the transpilation, bundling, and resolving paths via Parcel.
- You can load this unpacked extension - process will vary per browser so look up loading development extensions.
- If you wish to pack it into an extension run, run
npm run pack
- This will pack it into a single file - it's just a zip file
- You can load this as an extension :)
npm run format
- there are also file type specific onesformat-html
,format-css
, andformat-js
npm run lint-package
for linting packagenpm run lint-typescript
for linting typescript code
- We use parel to do most of the heavy lifting including transpilation and bundling.
- A web extension specific configuration is used
- Jest is used for testing
Testing is pretty bare but it exists!
npm test
Original creators:
Continued Support: