13_javascript:02_chrome:01_hello_world

差分

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

この比較画面へのリンク

--- 13_javascript:02_chrome:01_hello_world [2021/04/22 05:32] – 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 =====
@@ 行 5: / 行 26: @@
 <code|manifest.json>
 {
-  "name": "API_SAMPLE",
+  "name": "クリックアラート",
   "manifest_version": 2,
   "version": "1.0",
+  "description": "クリックするとアラートを出すだけ",
   "browser_action": {
     "default_title": "EXTENTION_SAMPLE"
@@ 行 23: / 行 45: @@
 chrome.browserAction.onClicked.addListener(function(tab) {
   alert('Hello Chrome Extentions.');
-	// chrome.tabs.sendMessage(tab.id, "Action");
 });
 </code>
 {{tag>Chrome javascript}}

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