13_javascript:02_chrome:01_hello_world

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 13_javascript:02_chrome:01_hello_world [2021/04/22 05:28] – 作成 matsui
+++ 13_javascript:02_chrome:01_hello_world [2021/04/22 08:55] (現在) – 以前のリビジョンを復元 (2021/04/22 15:19) matsui
@@ 行 1: / 行 1: @@
 ====== 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}}

13_javascript/02_chrome/01_hello_world.1619069321.txt.gz · 最終更新: 2021/04/22 05:28 by matsui