gecko/addon-sdk/source/doc/dev-guide-source/index.md

Welcome to the Add-on SDK!

Using the Add-on SDK you can create Firefox add-ons using standard Web technologies: JavaScript, HTML, and CSS. The SDK includes JavaScript APIs which you can use to create add-ons, and tools for creating, running, testing, and packaging add-ons.

---

Tutorials

<td>
  <h4><a href="dev-guide/tutorials/index.html#create-user-interfaces">Create user interface components</a></h4>
  Create user interface components such as
    <a href="dev-guide/tutorials/adding-toolbar-button.html">toolbar buttons</a>,
    <a href="dev-guide/tutorials/adding-menus.html">menu items</a>, and
    <a href="dev-guide/tutorials/display-a-popup.html">dialogs</a>
</td>

<td>
  <h4><a href="dev-guide/tutorials/index.html#modify-web-pages">Modify web pages</a></h4>
  <a href="dev-guide/tutorials/modifying-web-pages-url.html">Modify pages matching a URL pattern</a>
  or <a href="dev-guide/tutorials/modifying-web-pages-tab.html">dynamically modify a particular tab</a>.
</td>

<td>
  <h4><a href="dev-guide/tutorials/index.html#putting-it-together">Putting it together</a></h4>
  Walkthrough of the <a href="dev-guide/tutorials/annotator/index.html">Annotator</a> example add-on.
</td>

Getting started How to install the SDK and use the cfx tool to develop, test, and package add-ons.

Interact with the browser Open web pages, listen for pages loading, and list open pages.

Development techniques Learn about common development techniques, such as unit testing, logging, creating reusable modules, localization, and mobile development.

---

Guides

<td>
  <h4><a href="dev-guide/guides/index.html#sdk-idioms">SDK idioms</a></h4>
  The SDK's
  <a href="dev-guide/guides/events.html">event framework</a> and the
  <a href="dev-guide/guides/two-types-of-scripts.html">distinction between add-on scripts and content scripts</a>.
</td>

<td>
  <h4><a href="dev-guide/guides/index.html#xul-migration">XUL migration</a></h4>
  A guide to <a href="dev-guide/guides/xul-migration.html">porting XUL add-ons to the SDK</a>.
  This guide includes a
  <a href="dev-guide/guides/sdk-vs-xul.html">comparison of the two toolsets</a> and a
  <a href="dev-guide/guides/library-detector.html">worked example</a> of porting a XUL add-on.
</td>

SDK infrastructure Aspects of the SDK's underlying technology: Modules, the Program ID, and the rules defining Firefox compatibility.

Content scripts A detailed guide to working with content scripts, including: how to load content scripts, which objects content scripts can access, and how to communicate between content scripts and the rest of your add-on.

---

Reference

<td>
  <h4><a href="modules/low-level-modules.html">Low-Level APIs</a></h4>
  Reference documentation for the low-level SDK APIs.
</td>

High-Level APIs Reference documentation for the high-level SDK APIs.
Tools reference Reference documentation for the cfx tool used to develop, test, and package add-ons, the console global used for logging, and the package.json file.