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.

チュートリアル

はじめに

How to SDK のインストール and cfx ツール入門 to develop, test, and package add-ons.

ユーザーインターフェイスの作成

Create user interface components such as ツールバーボタン, メニューアイテム, and ダイアログ

ブラウザの操作

Web ページを開く, ページ読み込みのリッスン, and 開いているタブの一覧表示.

Web ページの変更

URL に基づいた Web ページの変更 or アクティブな Web ページの変更.

開発テクニック

Learn about common development techniques, such as 単体テスト, ログとして出力, サードパーティモジュールの作成, ローカリゼーション, and モバイル開発.

応用

Walkthrough of the Annotator example add-on.

Guides

SDK infrastructure

Aspects of the SDK's underlying technology: CommonJS, the Program ID, the module search algorithm and the rules defining Firefox compatibility.

SDK idioms

The SDK's event framework and the distinction between add-on scripts and content scripts.

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.

XUL migration

A guide to porting XUL add-ons to the SDK. This guide includes a comparison of the two toolsets and a worked example of porting a XUL add-on.

Reference

API reference

Reference documentation for the high-level SDK APIs found in the addon-kit package, and the low-level APIs found in the api-utils package.

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.