Coder Social home page Coder Social logo

aaemnnosttv / quick-tab-switcher Goto Github PK

View Code? Open in Web Editor NEW
5.0 4.0 1.0 179 KB

Browser extension for switching tabs in a flash, without leaving the keyboard.

JavaScript 50.78% Vue 45.95% HTML 3.27%
chrome-extension browser-extension tabs hotkeys tab-switcher tab-management

quick-tab-switcher's Introduction

Quick Tab Switcher ⚡

A cross-browser extension for switching and managing tabs in a flash, without leaving the keyboard.

Overview

This extension is currently only working in Chrome, and not yet available in the webstore.

Installation (Chrome)

Clone the repository

$ git clone [email protected]:aaemnnosttv/quick-tab-switcher.git
$ cd quick-tab-switcher

Install dependencies

$ yarn

Build the extension files

$ yarn run build

Add extension in Chrome

  • Open the chrome://extensions page
  • Check the box for Developer Mode in the top right corner if it isn't already
  • Click the button to Load Unpacked Extension
  • Navigate to {path-to-cloned-quick-tab-switcher-directory}/browsers/chrome/ and click Select

That's it! The extension is now loaded.

Configuring the hotkey to toggle the switcher

By default, the hotkey to toggle the switcher is Cmd + K (Mac) or Ctrl + K (Win). To change this, open the chrome://extensions page, scroll to the bottom and click the link for Keyboard shortcuts.

image

Choose whichever key you want to toggle the switcher. I plan on making this more accessible in the future as well.

Hotkeys

In addition to toggling the switcher, you may also perform the following actions while the switcher is active:

  • Ctrl + J Move selected/highlighted tab down
  • Ctrl + K Move selected/highlighted tab up
  • Ctrl + X Close the selected/highlighted tab
  • Enter or Return Switch to the selected/highlighted tab
  • Esc Close the switcher

Note that Ctrl is used for all platforms for these hotkeys, and they are currently not changeable.

Acknowledgements

This extension is largely inspired by Fast Tab Switcher. I wanted to build a similar extension which would work cross-browser; not just for Chrome.

As this extension is built with Vue, the Vue Devtools extension source was a very useful example of a cross-browser extension with Vue.

quick-tab-switcher's People

Contributors

aaemnnosttv avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

sshyran

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.