How do I load extension on firefox and safari browser?

Question

I have developed extension for chrome and later I made browser specific using gulp.

So I know left with folders.

/Chrome
/Firefox
    |-/data/
    |-/locale/
    |-index.js
    |-package.json
/Safari

So for the chrome it was simple drag and drop.

So problem I faced is when I try to load on firefox browser at about:degugger it would reject my extension saying it is corrupt.

For Safari I searched on their website and I found documentation for only using Xcode editor.

Answer 1

Install unpacked extension on Safari

1. Open Safari
2. Go to menu Develop->Show Extension Builder (If there is no Develop menu, open Safari Preferences->Advanced, and check Show Develop menu in menu bar)
3. In Extension Builder window, click + at the left-bottom of the window, then click Add Extension
4. Select your extension folder (Your extension folder should be named as YourExtName.safariextension)
5. Now your extension will show at left panel of Extension Builder, you can click Install button to install it

Install unpacked extension on Firefox

Latest version of Firefox support load temporary extensions (Not sure from which version).

Steps:

1. Navigate to about:debugging
2. Click Load Temporary Add-on button
3. Select manifest file of you extension