====== 01 Chrome拡張機能 ======

ただChrome拡張機能のアイコンをクリックすると、アラートを出力するだけの拡張機能


====== 拡張機能インストール方法 ======

Chromeの拡張機能から「パッケージ化されていない拡張機能を読み込む」
  chrome://extensions/

Edgeの拡張機能から「展開して読み込み」
  edge://extensions/


===== ディレクトリ構成 =====

<code>
chrome拡張機能
├── background.js
└── manifest.json
</code>


===== manifest.json =====

<code|manifest.json>
{
  "name": "クリックアラート",
  "manifest_version": 2,
  "version": "1.0",
  "description": "クリックするとアラートを出すだけ",
  "browser_action": {
    "default_title": "EXTENTION_SAMPLE"
  },
  "background": {
    "scripts": ["background.js"]
  }
}
</code>


===== background.js =====

<code|background.js>
chrome.browserAction.onClicked.addListener(function(tab) {
  alert('Hello Chrome Extentions.');
});
</code>

{{tag>Chrome javascript}}