Skip to content

DevDungeon/Web-Browser-Extension-Template

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
img
 
 
js
 
 
 
 
 
 
 
 
 
 

Web Browser Extension Example

Simple cross-browser extension ready for development with jQuery and Bootstrap. Test in Firefox, Chrome, and Chromium.

Running & Testing

For Chrome

Load the unpacked directory:

  • Menu -> More tools -> Extensions -> Turn on Developer Mode -> Load unpacked

For Firefox

From the command line, within the plugin directory, run:

web-ext run

Or, open the browser, go to about:debugging, then click "Load Temporary Addon" and choose the manifest.json file.

Packaging

For Chrome/Chromium

Try chromium, chromium-browser, or google-chrome depending on how you installed the browser. The key is optional. It will create one for you if not provided.

chromium --pack-extension=/path/to/extdir --pack-extension-key=/path/to/key.pem

For Firefox

There are two options for packaging for Firefox.

  1. Upload to https://addons.mozilla.org/en-US/developers/addon/submit/distribution and have Mozilla package and sign and return the XPI.
  2. Use web-ext to build the .zip and then request signing from Mozilla. Get credentials from https://addons.mozilla.org/en-US/developers/addon/api/key/
  • npm install -g web-ext
  • web-ext build
  • web-ext sign --api-key=$AMO_JWT_ISSUER --api-secret=$AMO_JWT_SECRET

Contact

nanodano@devdungeon.com

About

Browser extension template ready for development with jQuery and Bootstrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published