ik9999 / popupsearch

Chrome/Chromium extension for searching in google™ or searx.me using popup window with keyboard navigation support
MIT License
15 stars 2 forks source link
chrome-extension google javascript search searx

logo

Chrome/Chromium extension for searching in google™ (via valueserp.com) or searx.me and browsing results using popup window. The main idea is to not keep opened tabs with search results but do all the searching, results browsing in popup window.


Features

Screenshot

screenshot

gif demo

Installation

From zip

From crx

Troubleshooting

If one installation method doesnt work for you - you can try another. If both methods dont work, you can google solutions (Google Chrome makes it harder to use non-webstore plugins with every version) or use Chromium Browser / ungoogled-chromium.

You can report bugs by creating the issue

Usage

Set valueserp.com API url or change the search engine on settings page.

You can change some shortcuts on extension settings page.

Default shortcuts

Focus query input field or focus search results - ctrl+e / tab

Clear input field - ctrl+u

Jump to first loaded result - g g

Jump to last loaded result - shift+g

Clear input field - ctrl+u

Open result link in new active tab - press number/letter displayed prior to the link

Open result link in new background tab - press shift + number/letter displayed prior to the link

Open result link in current tab - press Ctrl + number/letter displayed prior to the link

Show more from this site - press Alt + number/letter displayed prior to the link

Scrolling results - arrow keys, j/k keys, PageUp/PageDown keys

Open previous keyword results - left

Open next keyword results - right

Open last keyword results - Ctrl+right

History page

Open previous page - left

Open next page - right

Development

$ npm install
$ npm run build

npm run build

Build the extension into dist folder for production.

npm run build:dev

Build the extension into dist folder for development.

npm run watch

Watch for modifications then run npm run build.

npm run watch:dev

Watch for modifications then run npm run build:dev.

It also enable Hot Module Reloading, thanks to webpack-chrome-extension-reloader plugin.

:warning: Keep in mind that HMR only works for your background entry.

npm run build-zip

Build a zip file following this format <name>-v<version>.zip, by reading name and version from manifest.json file. Zip file is located in dist-zip folder.

Libraries used for UI

Vue.js

Vuex

jquery-autocomplete

other dependencies