Extension development tools

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.


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


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


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.


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)!


Github developer fregante has some tools that folks maybe find useful:


I’ll just mention my own tool web-ext-inspector that allows you to quickly inspect the source code of other extensions. I think this can help new developers getting an idea how certain problems can be solved by example of other successful extensions.