拡張機能は、ブラウジング環境をカスタマイズする小さなソフトウェア プログラムです。ユーザーは、 ユーザーのニーズや好みに合わせて 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"
}
}
}
最後に、ローカルマシンに拡張機能をインストールします。
- ブラウザで
chrome://extensions
にアクセスします。このページには アドレスバーの右上にある Chrome メニューで、[その他のツール] にカーソルを合わせて [ツール] を選択します。 拡張機能。 - [デベロッパー モード] の横にあるチェックボックスをオンにします。
- [Load Unpacked Extension] をクリックし、「Hello Extensions」のディレクトリを選択します。 あります。
これで、hello_world.png
アイコンをクリックしてポップアップ ベースの拡張機能を使用できるようになりました
キーボードの Ctrl+Shift+F
キーを押します。
次のステップ
- スタートガイド チュートリアルの手順を実施する
- 概要を読む
- Chromium ブログで最新情報をご確認ください
- chromium-extensions グループに登録する