目次

01 Chrome拡張機能

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

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

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

chrome://extensions/

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

edge://extensions/

ディレクトリ構成

chrome拡張機能
├── background.js
└── manifest.json

manifest.json

manifest.json

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

background.js

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
  alert('Hello Chrome Extentions.');
});