Extension development tools

Add-ons Development
#1

Hi all,

I’m excited to share some tools that community members have recently created to help with extension development. If you’ve built something that could be helpful to others, please let us know by replying to this post!

create web-ext

The source code is viewable at https://github.com/web-ext-labs/create-web-ext.

webextensions.tech

A web interface for creating a directory structure for creating an extension.

The source code is available at https://github.com/web-ext-labs/ui-tool

tern-def-webextensions

This is a tool that can help tern-enabled editors understand and autocomplete WebExtensions code.

1 Like
Useful add-ons / tools for add-on development
#2

I still use https://www.npmjs.com/package/create-webextension from rpl to generate new extension projects.

I use various things mentioned on https://github.com/bfred-it/Awesome-WebExtensions

https://github.com/webexts has various interesting tools for testing WebExtensions.

1 Like
#3
#4

We recently released an open source browser automation framework called Remote Browser that’s built on the Web Extensions API. It’s a bit less directly applicable to extension development than some of the other tools mentioned here, but we thought that it might be of interest to people doing extension development. Remote Browsers automation client allows you to remotely interact with the full Web Extensions API, and it allows you to script and automate browsers using external code.

The project itself is on GitHub (https://github.com/intoli/remote-browser), and there’s also an interactive tour where you can try it out in your browser (https://intoli.com/tour)!

3 Likes