ユーザ用ツール

サイト用ツール


サイドバー

このページの翻訳:



最近の更新



Tag Cloud

13_javascript:02_chrome:01_hello_world

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.');
});
13_javascript/02_chrome/01_hello_world.txt · 最終更新: 2021/04/22 17:55 by matsui