fl8 Wiki

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== 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}}

fl8 Wiki

ユーザ用ツール

サイト用ツール

ページ用ツール