使ってみる
Chrome 拡張機能の開発へようこそ。最初の Chrome 拡張機能の作成と配布を開始するために必要な情報をすべて確認できます。
概要
拡張機能とは
Chrome 拡張機能は、ユーザー インターフェースのカスタマイズ、ブラウザ イベントの監視、ウェブの変更によってブラウジング エクスペリエンスを向上させます。拡張機能の機能の例については、Chrome ウェブストアをご覧ください。
どのように構築されているか
お客様はどのように対処できますか?
拡張機能の用語
Chrome 拡張機能は、さまざまな役割を果たす部分で構成されています。
マニフェスト
拡張機能のマニフェストは、特定のファイル名(manifest.json)が必要な唯一の必須ファイルです。また、拡張機能のルート ディレクトリに配置する必要があります。マニフェストは、重要なメタデータを記録し、リソースを定義し、権限を宣言し、バックグラウンドとページで実行するファイルを識別します。
Service Worker
サービス ワーカーはバックグラウンドで実行され、ブックマークの削除やタブの閉じ方などのブラウザ イベントを処理します。これらの API は DOM にアクセスできませんが、このユースケースでは画面外ドキュメントと組み合わせることができます。
コンテンツ スクリプト
コンテンツ スクリプトは、ウェブページのコンテキストで JavaScript を実行します。
ツールバーのアクション
ユーザーが拡張機能のツールバー アイコンをクリックしたとき、または Action API を使用してポップアップを表示したときにコードを実行します。
サイドパネル
ブラウザのサイドパネルにカスタム UI を表示します。
DeclarativeNetRequest
ネットワーク リクエストをインターセプト、ブロック、変更する。
Chrome ウェブストアに公開する
拡張機能をご自身で作成する場合は、スタートガイド チュートリアルをご覧ください。Chrome ウェブストアに公開する場合は、まずいくつかの点に注意する必要があります。
高品質な拡張機能を設計する
サポートする機能を選ぶ際は、拡張機能が、範囲を限定し、わかりやすい単一の目的を果たすようにしてください。
ポリシーを理解する
Chrome ウェブストアで配布される拡張機能は、デベロッパー プログラム ポリシーに準拠している必要があります。拡張機能を Chrome ウェブストアでホストできるようにするには、これらのポリシーを確認してください。
すべての拡張機能ロジックを含める
コードを記述する際は、すべてのロジックを拡張機能のパッケージに含める必要があることに注意してください。つまり、ランタイム時に追加の JavaScript コードをダウンロードすることはできません。拡張機能のセキュリティを強化するには、リモートでホストされるコードを実行する代替手段が用意されています。
チュートリアル
次のいずれかのチュートリアルを選択して、拡張機能の学習を始めましょう。
最初の拡張機能
最初の「Hello World」拡張機能を作成して、拡張機能の開発ワークフローに慣れましょう。
すべてのページでスクリプトを実行する
指定したサイトに要素を自動的に追加する方法を学びます。
アクティブなタブにスクリプトを挿入する
ツールバー アイコンをクリックして、現在のページのスタイルを簡素化する方法を学びます。
タブマネージャーを作成する
タブを管理するポップアップを作成する方法を学びます。
Service Worker でイベントを処理する
拡張機能サービス ワーカーの作成とデバッグについて学習する。
拡張機能をデバッグする
デバッグ中にログとエラー メッセージを探す方法を学びます。