拡張機能とは

拡張機能は、ブラウジング環境をカスタマイズする小さなソフトウェア プログラムです。ユーザーは、 ユーザーのニーズや好みに合わせて Chrome の機能と動作を調整できます。ウェブ上に構築されている HTML、JavaScript、CSS などです。

拡張機能は、明確に定義され理解しやすい単一の目的を果たす必要があります。 1 つの拡張機能に複数のコンポーネントと幅広い機能を含められます。ただし、 目的に沿うことができます

ブラウザバーに表示される拡張機能のアイコンのスクリーンショット

ユーザー インターフェースは最小限にして、目的を持たせる必要があります。シンプルなアイコンから、Google Mail Checker 拡張機能(上図を参照)を使用して、ページ全体をオーバーライドします。

拡張機能ファイルは、ユーザーがダウンロードしてインストールする単一の .crx パッケージに圧縮されます。この 通常のウェブアプリとは異なり、拡張機能はウェブのコンテンツに依存しません。

拡張機能は Chrome デベロッパー ダッシュボードから配布され、Chrome ウェブストアで公開されています。詳しくは、ストアのデベロッパー向けドキュメントをご覧ください。

Hello 拡張機能

この Hello Extensions の簡単な例で、拡張機能を少しだけ試してみましょう。まず 拡張機能のファイルを保存するか、サンプルページからダウンロードします。

次に、manifest.json というファイルを追加して、以下のコードを含めます。

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

すべての拡張機能にはマニフェストが必要ですが、ほとんどの拡張機能はマニフェストだけではあまり機能しません。 このクイックスタートでは、拡張機能の browser_action フィールド:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

hello_extensions.pngダウンロードし、hello.html という名前のファイルを作成します。

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

アイコンをクリックすると、拡張機能に hello.html が表示されるようになりました。次のステップでは キーボード ショートカットを有効にする manifest.json コマンドを追加します。このステップは楽しいですが、 必要:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

最後に、ローカルマシンに拡張機能をインストールします。

  1. ブラウザで chrome://extensions にアクセスします。このページには アドレスバーの右上にある Chrome メニューで、[その他のツール] にカーソルを合わせて [ツール] を選択します。 拡張機能
  2. [デベロッパー モード] の横にあるチェックボックスをオンにします。
  3. [Load Unpacked Extension] をクリックし、「Hello Extensions」のディレクトリを選択します。 あります。

これで、hello_world.png アイコンをクリックしてポップアップ ベースの拡張機能を使用できるようになりました キーボードの Ctrl+Shift+F キーを押します。

次のステップ

  1. スタートガイド チュートリアルの手順を実施する
  2. 概要を読む
  3. Chromium ブログで最新情報をご確認ください
  4. chromium-extensions グループに登録する