Prerequisites

Set up an easy testing environment

While you're developing your add-on, it will be very important to have a way to test and run snippets of code; development will go very slowly if you have to build and install your entire app every time you need to test something. Once all of your snippets are working together, then you can start worrying about bringing together all of the add-on files to build the complete app (bootstrap.js, etc.). You can do this using WebIDE, by connecting your device to your development workstation.

Connecting your development environment and your mobile device

You can run code snippets from your development environment on your mobile device using the WebIDE.

1. Connect your mobile device to your computer with a USB cable.
2. Open WebIDE (Tools > Web Developer > WebIDE) on your computer.
3. On your mobile device, enable remote debugging (Settings > Developer Options > check "USB debugging").
   1. Note: You may need to Enable Developer Settings before you can access the Developer Options.
4. Continue to setup the runtime environment with WebIDE, follow the steps outlined in Debugging Firefox for Android with WebIDE.
5. You should now see your device in the drop-down menu at the right of the screen. Select it, then select Main Process from the menu on the left.

Now you're ready to start testing code snippets!