Build the browser of your dreams!

I ❤ the web

I ❤ web browsers

You can extend your browser!

Extensions are built with web technologies

• HTML/JS/CSS
• Special APIs
• Manifest file

Firefox Add-on SDK

• JS APIs for building Firefox add-ons
• Tools for creating and testing add-ons
• JS modules

Getting started with the add-on SDK

• Install the SDK
• cfx init to create a new add-on
• cfx run to test the add-on
• require statements to import JS modules

Demo

Debugging your add-on

• Developer Tools > Browser Toolbox
• Search for your add-on JS file
• Set breakpoints and inspect state

Demo

Bootstrap Add-ons for Firefox for Android

• JS file to handle startup and shutdown
• Interact directly with browser APIs
• Special APIs for modifying native Android UI

Getting started with mobile add-ons

• Grab some sample code
• bootstrap.js for logic
• install.rdf for metadata
• build to package and test

Demo

Remote debugging Firefox for Android

• Install Android SDK to get adb
• Enable USB debugging on your device
• Enable remote debugging in Firefox for Android
• adb forward ...
• Developer Tools > Connect...

Demo

Want to do more?

• http://whatcanidoformozilla.org
• Hack on desktop Firefox
• Hack on Firefox for Android