akirattii · June 4, 2021 11:04
diff --git a/background.js b/background.js
 console.log("background");

 chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.create({
    'url': chrome.extension.getURL('popup.html')
  }, function(tab) {
    // Tab opened. 
  });
 });
diff --git a/content.js b/content.js
 console.log("content script");
diff --git a/manifest.json b/manifest.json
 {
  "name": "example-app",
  "version": "0.1.0",
  "manifest_version": 2,
  "description": "a example extension for Chrome",
  "author": "Taro TANAKA <[email protected]> (http://www.example.com)",
  "permissions": [
    "<all_urls>",
    "storage",
    "unlimitedStorage",
    "tabs",
    "activeTab",
    "http://*/*",
    "https://*/*"
  ],
  "icons": {
    "128": "./icon.png"
  },
  "web_accessible_resources": [
    "./icon.png"
  ],
  "content_scripts": [{
    "all_frames": true,
    "matches": ["<all_urls>"],
    "js": ["./content.js"],
    "css": []
  }],
  "background": {
    "scripts": ["./background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_icon": "./icon.png"
  },
  "update_url": "https://clients2.google.com/service/update2/crx"
 }
diff --git a/popup.html b/popup.html
 <html>

 <head>
  <meta charset="utf-8">
  <title>example-app</title>
  <script src="extlib/js/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="extlib/css/bootstrap.min.css">
  <script src="extlib/js/bootstrap.min.js"></script>
 </head>

 <body class="container mx-auto pb-4">
  <div>Hello chrome extension!<div>
  <script src="popup.js"></script>
 </body>

 </html>
diff --git a/popup.js b/popup.js
 console.log("popup script");

 if ($) {
  console.log("jquery available!");
 }

 // here can use jQuery...
	console.log("background");

	chrome.browserAction.onClicked.addListener(function(tab) {
	chrome.tabs.create({
	'url': chrome.extension.getURL('popup.html')
	}, function(tab) {
	// Tab opened.
	});
	});
	{
	"name": "example-app",
	"version": "0.1.0",
	"manifest_version": 2,
	"description": "a example extension for Chrome",
	"author": "Taro TANAKA <[email protected]> (http://www.example.com)",
	"permissions": [
	"<all_urls>",
	"storage",
	"unlimitedStorage",
	"tabs",
	"activeTab",
	"http:///",
	"https:///"
	],
	"icons": {
	"128": "./icon.png"
	},
	"web_accessible_resources": [
	"./icon.png"
	],
	"content_scripts": [{
	"all_frames": true,
	"matches": ["<all_urls>"],
	"js": ["./content.js"],
	"css": []
	}],
	"background": {
	"scripts": ["./background.js"],
	"persistent": false
	},
	"browser_action": {
	"default_icon": "./icon.png"
	},
	"update_url": "https://clients2.google.com/service/update2/crx"
	}