You are adding a browser action popup, which adds a button to the top-right of your browser. (It’s probably invisible because you haven’t specified an image for it. There should be some empty space to the right of your address bar; try clicking it to see your Hello.html in a popup.) What you want is … Read more
You may change the extension icon like this: chrome.browserAction.setIcon({path: icon}); There is also a ‘badge’ – small box over the extension icon that shows ie. number of unread messages in gmail extension. You can manipulate it like this: chrome.browserAction.setBadgeBackgroundColor({color:[190, 190, 190, 230]}); chrome.browserAction.setBadgeText({text:”?”}); It is also possible to generate icon dynamically on a canvas element … Read more
The inability to insert an external iframe in Chrome is a bug (crbug.com/408932). If you want to embed an external frame in an external website, then it must be loaded in a frame that is packaged with your extension. manifest.json { “name”: “Embed external site”, “version”: “1”, “manifest_version”: 2, “content_scripts”: [{ “js”: [“contentscript.js”], “matches”: [“*://*/*”], … Read more
Solution: Go to your developer console. Go to OAuth consent screen. Go to +Add users, under test users. Add the users for the test (even the owner email address if not working without it)
You need to load it in your manifest.json, like this: “content_scripts”: [ { “matches”: [“http://*/*”,”https://*/*”], “js”: [“jquery-1.4.2.js”, “extension.js”] } ]
There’s a way to allow a content script heavy extension to continue functioning after an upgrade, and to make it work immediately upon installation. Install/upgrade The install method is to simply iterate through all tabs in all windows, and inject some scripts programmatically into tabs with matching URLs. ManifestV3 manifest.json: “background”: {“service_worker”: “background.js”}, “permissions”: [“scripting”], … Read more
You can just use chrome.runtime.getManifest() to access the manifest data – you don’t need to GET it and parse it. var manifestData = chrome.runtime.getManifest(); console.log(manifestData.version); console.log(manifestData.default_locale);
You have to add the “storage” permission in your manifest.json file, i.e.: … “permissions”: [ “storage” ], … For more information, see: https://developer.chrome.com/extensions/storage
According to the official docs you should use postMessage in the sender and message event listener in the receiver. Here is an example: Your website’s page.html var data = { type: “FROM_PAGE”, text: “Hello from the webpage!” }; window.postMessage(data, “*”); Content script: (injected using chrome.tabs.executeScript(tabid, {code:…) window.addEventListener(“message”, function(event) { // We only accept messages from … Read more
The easy way The easiest way to get an extension ID is to generate the .pem file and extract the extension ID using the steps described in my other answer (read the part below the image). The command-line way The rest of this answer is for those who want to generate the extension ID with … Read more