機能説明
機能一覧
| 機能 | 説明 |
|---|---|
| Browser Action | ツールバーに常駐 |
| Page Action | 特定のページで起動 |
| Content Scripts | 特定のページで自動実行 |
| Context Menu | 右クリックメニュー |
Browser Action
必要最低限のファイル
- iconファイル 19×19 (px)
- manifest.json
- popup.html
manifest.json
自分が作成するgoogle Extentionを定義する
{
"name": "Extentionのタイトル",
"version": "Extentionのバージョン（自分で決める）",
"manifest_version": googleが定めたバージョン（どこかに書いてある）,
"description": "Extentionの説明",
"browser_action": {
"default_icon": "ツールバーに常駐しているアイコンのファイル",
"default_title": "ツールバーに常駐しているアイコンをマウスオーバーしたときに表示される文字",
"default_popup": "Browser Actionを作成するhtmlファイル"
}
}
例：
{
"name": "いつ出る？",
"version": "0.0.1",
"manifest_version": 2,
"description": "ワンアクションで、何時に会社を出ればスムーズに電車移動できるのかわかるアプリ。",
"browser_action": {
"default_icon": "icon.png",
"default_title": "いつ出る？",
"default_popup": "popup.html"
}
}
popup.html
ツールバーに常駐しているアイコンをクリックしたときに表示される画面を作成する
普通にhtmlファイルを作成すればok
例：
<!DOCTYPE>
<html lang="ja">
<head>
<meta charset="utf-8">
</head>
<body>
<ul>
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
</body>
</html>
もっとリッチに作れる
- バッジ機能(アイコンに数字が表示)が作れたり
- オプション機能(アイコン右クリックで設定項目画面を選択)が作れたり
- いろいろ出来る