a boundless expression of thoughts

Browser extension live-reloading for Firefox

Enable loading of extensions from folders and live-reloading of extensions as you make changes.

about-debugging

browser-extension-reload is a server, userChrome scripts for Firefox and a Sublime Text plug-in it uses WebSocket.

When you load Firefox it will send the list of add-ons with their respective ids and paths to Sublime Text and as you make change to your files it will match the file path against the ones sent by the server.

You can have multiple directories watched for a single extension and you can load as many extensions as you want.

The tutorial is in three parts: server, userChrome (Firefox) and the Sublime Text package.

Please read the carefully the README of each repository as you go.

Installing the server

  • git clone https://github.com/thoughtsunificator/browser-extension-reload-server
  • npm install
  • npm start

Installing the userChrome script

See https://github.com/thoughtsunificator/browser-extension-reload-firefox/

Installing the Sublime Text package

See https://gist.github.com/thoughtsunificator/12e18fb559e7f3e274574bcf4ce3dcb7#gistcomment-3577616

Running

You must run the server first then Firefox and finally Sublime Text.

It will not work if you do not respect this order.