How to Programming with Google-chrome-extension

google-chrome-extension,postmessage

You are, for some reason, trying to use the same script as a background script and a content script. Never do that, as it's just confusing, and for the reason below. I bet you see this error in the content script. Content scripts have very, very limited access to Chrome...

Is there any way to detect javascript postmessages using chrome extension?

Run a content script and bind a message event listener. This event listener will then be invoked postMessage is called.

Chrome opens multiple tabs through background script but writes to console only once [closed]

javascript,html,google-chrome-extension

Your first-run.html (not listed anywhere in the question) loads the same script, causing it to open another copy (forever, or until the item in question is set in localStorage) You only get one console.log in the background script, because the code is, indeed, executed only once in the background script...

Adding eventListeners to checkboxes in for loop in chrome-extension

Why are you using two separate for loops inside the same context? EDIT I've tracked this down to an issue with how javascript handles both click and change events with checkboxes. Note: Don't ever use click events for checkboxes, use onChange instead. Also, don't assign onchange using javascript. It fails...

Jquery auto popup with google chrome extension install check

javascript,jquery,css,google-chrome,google-chrome-extension

You need a number of things to accomplish this, and you'll probably have to work through the code yourself, but to get you on a path: Check if browser is chrome: JavaScript: How to find out if the user browser is Chrome? Check if your chrome extension is installed: This...

detect requests calls in a url similar to network in chrome dev tools

javascript,google-chrome,google-chrome-extension,google-chrome-devtools

I could do it using webRequest in chrome extension. I added this code in the background.js and it worked. chrome.webRequest.onCompleted.addListener(function(details) { var extension = details.url.split('.').pop(); if(extension == 'm3u8' ){ console.debug(details.url); } }, { urls: ["<all_urls>"] }); ...

Access DOM elements data document->Iframe ->Iframe->method chrome extension

javascript,google-chrome,iframe,google-chrome-extension

This was my solution after all, between what we talk over comments and my research over docs and other threads: Content script: (function () { document.addEventListener("DOMContentLoaded", function () { contentBody = document.getElementById("contentBody"); contentBody.addEventListener("load", function () { rawContent = contentBody.contentDocument.getElementById("rawContent"); if (rawContent) { var s = document.createElement("script"); s.src = chrome.extension.getURL('injected.js'); s.onload...

Chrome extension console.log override

html,google-chrome,iframe,google-chrome-extension

The reason is because Tampermonkey injects code into a site's document, whereas in Chrome Extension no, if you do this, you edit Chrome extension's console. To do this, you should use a method to inject the script, you can see here

Chrome extension sending message from iFrame to event page then to content script

I found a related question. http://stackoverflow.com/a/20077854/772481 From the documentation for chrome.runtime.onMessage.addListener: This function becomes invalid when the event listener returns, unless you return true from the event listener to indicate you wish to send a response asynchronously (this will keep the message channel open to the other end until sendResponse...

Popup-script in chrome extension sends messages several times

javascript,google-chrome-extension,content-script

From https://developer.chrome.com/extensions/tabs#method-sendMessage: Sends a single message to the content script(s) in the specified tab, with an optional callback to run when a response is sent back. The runtime.onMessage event is fired in each content script running in the specified tab for the current extension. This means that if there is...

Event for Chrome Google account logout or Google account user switch

javascript,google-chrome-extension,oauth-2.0,google-account

"Fired when signin state changes for an account on the user's profile." https://developer.chrome.com/extensions/identity#event-onSignInChanged...

JavaScript OOP and asynchronous methods from Chrome extension api

javascript,google-chrome,oop,asynchronous,google-chrome-extension

To avoid further discussion, my assumption is that it's a scoping issue. Could you try wit the following code: function Block(bid){ var block = Object.create(Block.prototype); block.title = "Default" block.content = ""; block.bid = bid; return block; }; Block.prototype.setTitle = function (){ var callback = function(tabs) { this.title = tabs[0].title; }...

“Referer” header is missing when user clicks on a link from inside an iframe that overrides a newtab in Chrome

iframe,google-chrome-extension,http-headers,http-referer

"eroman at chromium.org" nails it down (see linked chromium bug report, already closed). The thing is, when iframe contains a secured (https) page, but iframe itself is contained in a non-secured page (replaced Chrome newtab, in this case), then a non-secured (http) request is made when user click on a...

How to use external ajax response in Chrome Plugin

javascript,jquery,ajax,google-chrome-extension

Problem Chrome content scripts and the page's own scripts live in isolated worlds. Content scripts execute in a special environment called an isolated world. They have access to the DOM of the page they are injected into, but not to any JavaScript variables or functions created by the page. Your...

Chrome extension, custom context menu item not showing [duplicate]

javascript,google-chrome,url,google-chrome-extension,contextmenu

I carefully read several sample extensions' source code. Since I set "persistent" to false, the extension is running with Event Page. Thus my code works by removing onclick from the parameter object of chrome.contextMenus.create: chrome.contextMenus.create({ "id": "qwertyuiop", "title": "Click Me", "contexts": ["page", "selection", "image", "link"] }); Here's a note from...

Chrome Context menu is generating incorrect link

Define the protocol you want to use in your URL chrome.tabs.create({ url: "https://www.google.co.in/search?q=" + info.selectionText, }); // ^^^^^^^^ You will encounter the same behaviour on <a> if you don't define a protocol (or start the URI with // which would mean "use the same protocol as we're on now"). This...

What is “platforms” for in manifest.json?

google-chrome-extension,google-chrome-app

The platforms key in the manifest file is part of a feature called multi-platform zip files, which is only relevant for NaCl. Developers can reduce the size of the crx file by putting platform-specific files in the _platform_specific directory and listing the directories in the platforms key in manifest.json. Users...

Host my own chrome extension in my website

Basically, no, since Chrome 33 you can't have auto-updating extensions that are not Web Store hosted. As Teepeemm mentions, you don't have to be publicly visible on the Store catalog: you can publish as "unlisted"....

Set chrome extension cookie value name as var

You're using it wrong. It should be: chrome.cookies.set({ url: "https://www.someurl.com/", name: someName, value: someValue }); So you can set both as variables. However, in a general case (say, chrome.storage API that really takes name-value maps), you could do the following: var data = {}; data[name] = value; // Both are...

JS blocked in Google Chrome by extension [closed]

jquery,google-chrome,google-chrome-extension

Try disabling all your extensions and then re-enabling them one at a time until you find the culprit. Then you can remove or disable it.

chrome extension icon is not changing

setTimeout will call the function just once. I think you are looking for setInterval. setInterval(updateIcon, 300); ...

chrome extensions Uncaught ReferenceError: $ is not defined

javascript,jquery,google-chrome,google-chrome-extension

First Load Jquery Plugin after you can load your popup.js <script src='./js/jquery.min.js'></script> <script src="popup.js"></script> Note: No need to load 2 jquery Plugin...

Using Youtube's Data API

google-chrome-extension,youtube-api,youtube-data-api

I figured it out, and here is my working code: function youtube(options, method, callback, previous, retry) { chrome.identity.getAuthToken({ interactive: true }, function(token) { fetch("https://www.googleapis.com/youtube/v3/" + options + "&access_token=" + token, { method: method }).then(function(response) { if(response.status != "204") { response.json().then(function(object) { if(object.nextPageToken) { youtube(options + "&pageToken=" + object.nextPageToken, method, callback,...

How to make function in loop run synchronously?

javascript,jquery,loops,google-chrome-extension,synchronization

One option would be to make your function(response) recursive. When it runs, call this same method again. Pass in some of your "looping" variables, and just do an if check at the beginning. function AnotherGoRound(i,data) { if (i<data[i2].data.length) { console.log("SENDING: i=" + i + "; i2=" + i2); // Send...

Cross-Domain OAuth… how to get response?

javascript,google-chrome-extension,oauth,cors

How about the following: In the final stage of the auth flow you can redirect to server.com you since you own server.com you can inject a script at the end that passes data to the extension via window.opener.postMessage For example, in the final page rendered by server.com: window.opener.postMessage({"userhash": "abc1234567890"}, '*');...

Chrome Extension Cannot Read Property create of undefined in contextMenus.create

javascript,google-chrome-extension

You cannot use most chrome apis in content scripts. Instead, create a background page and create the context menu there when it receives a message from the content script. When the background page receives the click event, send a message to the content script. https://developer.chrome.com/extensions/messaging...

Passing a response callback via promise between background and content script? [duplicate]

javascript,google-chrome-extension

Nevermind...you don't even need to call a background script, since chrome.extension.getURL is accessible to the content script. So you can just do this: contentsript.js getTemplate('templates/template.html') .then(function(html) { var el = $(html); $('body').append(el); }); function getTemplate(url) { return new Promise(function(resolve, reject) { $.ajax({ type: "GET", url: chrome.extension.getURL(url), success: resolve }); }...

chrome store extension private rsa key

google-chrome-extension,pem

No. It's sadly impossible. Besides, consider that Windows version of Chrome will refuse packaged extensions from sources other than CWS....

How to select Chrome extensions to enable when using Selenium [duplicate]

python,selenium,google-chrome-extension,webdriver,web-testing

You can accomplish this using ChromeOptions class or DesiredCapabilities. For that you have to have the .crx file and load that with driver instance. import os from selenium import webdriver from selenium.webdriver.chrome.options import Options executable_path = "path_to_webdriver" os.environ["webdriver.chrome.driver"] = executable_path chrome_options = Options() chrome_options.add_extension('path_to_extension') driver = webdriver.Chrome(executable_path=executable_path, chrome_options=chrome_options) driver.get("http://stackoverflow.com")...

Is it possible to use (or include) node.js framework in a Google Chrome Extension?

javascript,node.js,google-chrome,google-chrome-extension,socket.io

For a chat application you would need a server, which should not be in the browser. Chat clients may be built using the current HTML + CSS + JS extensions API, you do not need Node.JS for creating them. Yes, you can use Socket.io with the Google Chrome extensions, you...

Make an animated Chrome extension icon?

javascript,google-chrome,google-chrome-extension,icons,animated

A few changes should be done: Checking if current > max should be moved inside the function console.clear(); var min = 1; var max = 12; var current = min; var keep_switching_icon = true; function rotateIcon() { if (keep_switching_icon) { //chrome.browserAction.setIcon({path:"icon" + current + ".png"}); console.log(current); if (current++ > max)...

How to respond to multiple bookmark operations in Chrome?

javascript,google-chrome,asynchronous,google-chrome-extension,bookmarks

Of course I messed up the function signature (even for the 10th time), there is nothing wrong with the direct callback. This way, it works (function extracted for clearer code): this.isValidParam = function(param) { if (param !== undefined && param !== null) return true; return false; }; this.chromeMoveCallback = function(elementIds,...

when chrome extension gets updated does the data stored in local storage gets deleted?

google-chrome,google-chrome-extension,content-script

If you have it in 'Chrome Web Store' and you update the extension is not removed. However if you use 'Load Extension Unpacked' or 'Reload Extension' is removed

Can Chrome extension content script access all tabs?

According to https://developer.chrome.com/extensions/content_scripts , a content script cannot access chrome.* APIs, except a few allowed ones but chrome.tabs is not among them Exchanging messages with the parent script is possible, though, so this might be the way to do it. See https://developer.chrome.com/extensions/messaging...

This extension doesn't work for me?

javascript,json,google-chrome,google-chrome-extension

i think you have to use the content script permission like "content_scripts": [ { "matches": ["http://www.google.co.in/*", "https://www.google.co.in/*"], "js": ["myscript.js"] } ] } and not background see https://developer.chrome.com/extensions/content_scripts...

Chrome identity launchWebAuthFlow only opens empty callback page

javascript,google-chrome-extension,callback,oauth-2.0,identity

You are misunderstanding the identity API. You cannot use it with a custom callback URL. The API expects you to use a URL of the form https://<app-id>.chromiumapp.org/* which you can obtain with a call to chrome.identity.getRedirectURL(path) When the provider redirects to a URL matching the pattern https://<app-id>.chromiumapp.org/*, the window will...

Chrome Extension Script not Working

javascript,html,google-chrome-extension

You can't put javascript code in html file in goolge-chrome-extension. replace html <body onload="init()"> with: js document.body.addEventListener('load', function () {...}) For more information, see contentSecurityPolicy....

How to access the DevTools API without actually opening the DevTools window?

google-chrome-extension,google-chrome-devtools

The chrome.devtools API cannot be used without opening the devtools window. The Facebook Pixel Helper uses the chrome.webRequest API to get information about network requests. This API does not offer any access to the response body, so that's not particularly helpful. There are some more (powerful) methods, which are not...

How to check how many elements of a certain type has a page with Chrome Extension Dev

javascript,jquery,google-chrome,google-chrome-extension

manifest.json: "permissions": [ "tabs", "activeTab" ] Code: function countTags(tag, callback) { chrome.tabs.query({currentWindow: true, active: true}, function(tabs) { chrome.tabs.executeScript(tabs[0].id, { code: "document.getElementsByTagName('" + tag + "').length" }, function(result){ if (!chrome.runtime.lastError) { callback(result[0]); } else { console.log("Can't inject js into %O", tabs[0]); } }); }); } Usage: countTags("div", function(num) { console.log("Found...

How to find a dynamically added array element in a function

javascript,jquery,html,arrays,google-chrome-extension

I got your code to work with four changes: (1) The biggest change was to rewrite the saveNote() function so it does not call addNote() until the chrome.storage.local.set function's callback is called. This change is needed because the chrome.local.storage functions are asynchronous. function saveNote() { var noteTitleContent = document.getElementById("note-title").value; var...

Accessing Search Query Text in Google Chrome Browser with Chrome Extension

javascript,jquery,html,google-chrome,google-chrome-extension

You can only do so with a custom keyword preceeding the search. There is chrome.omnibox API that allows you to do it, but you have to specify a keyword that needs to be entered first before you start receiving events. Google specifically does not want you to spy on all...

Google Chrome extension that sends a image url into a specific text field

Your problem is caused by an extra + in your assignment to var script. Wonders of javascript: 'a' + 'b' + 'c' -> 'abc' 'a' + + 'b' + 'c' -> 'aNaNc' This is because the second expression is interpreted as 'a' + (+ 'b') + 'c', so the 'b'...

Optional permission for filesystem

google-chrome,google-chrome-extension,google-chrome-app

You should request the fileSystem.directory permission as well if you want to use chooseEntry with type openDirectory. This can be done as follows: chrome.permissions.request({ permissions: [ 'fileSystem', 'fileSystem.write', 'fileSystem.retainEntries', 'fileSystem.directory' ] }, function(granted) { if (granted) { /* use chrome.fileSystem API */ } }); Before Chrome 45, there was...

Request with google chrome api

google-chrome,google-chrome-extension,google-chrome-app

If your problem is sharing storage with your content script, you should look into chrome.storage API. It's a storage area that is accessible both to your background and content scripts. The transition from localStorage is not painless though, since the API is asynchronous. As for messaging, well, use Messaging. The...

Is there a way to close a chrome extension popup, when the user is on a separate chrome window?

javascript,google-chrome,google-chrome-extension,popup

Hm. I didn't know the popups worked this way! But yes, it's possible. You can use the chrome.extension.getViews() function to access all popups and close others. So, at the beginning of your popup code, execute this: chrome.extension.getViews({type: "popup"}).forEach(function(win) { if(win != window) win.close(); }); It's quite an ancient API (you...

Constantly check the length of an element and perform an action if it is ever 1

javascript,jquery,events,javascript-events,google-chrome-extension

You can use a mutation observer on a parent/ancestor node instead, watching for changes to the subtree and/or childList. var ancestor = $("...closest ancestor that doesn't change..."); // Worst case, $('body') var ob = new MutationObserver(function() { if($('.username_field').length == 1){ loginUser(); } }); ob.observe(ancestor[0], { subtree: true, // You probably...

Can I write a chrome extension to change the CSS of a page or site as the page loads?

javascript,css,google-chrome,google-chrome-extension,browser-plugin

You could either use Greasemonkey (named Tampermonkey in Chrome) to add user scripts, or if the CSS element has an unique path to identify it, you can use Stylish to overwrite CSS properties. I recommend the latter. It is easy and will certainly work....

Chrome extension add iframe and access parent window content

angularjs,iframe,google-chrome-extension

You can't do it directly; cross-origin restrictions apply. Instead, you need to message your content script to manipulate/query the page for you....

How to run chrome js snippet before other js files?

google-chrome-extension,options,webrequest

It's possible using Chrome Extensions. You can write an extension (how to do that is beyond the scope of the answer - see some guides in the docs) that injects a Content Script with "run_at": "document_start" configuration and match patterns that fit the pages you want to inject it to....

What is the use of different OnBeforeRequestOptions and OnHeadersReceivedOptions?

You can have read-only access to request body if you wish. Same with request headers, and if you have blocking enabled as well you can modify them. Passing those to your listener is an expensive operation, and that's why it's not on by default. You should not add them unless...

Simple Chrome Extension : Open an url in a new tab

You're completely off-track. You don't want to open a (simple) new tab, you want to replace the "New Tab page". Daniel's answer correctly explains why your code does not work, but it won't do what you wanted. To replace Chrome's New Tab page, you need to use Override Pages: "chrome_url_overrides"...

How to tell if a page is loaded as a popup or in a separate tab in chrome extension

Use chrome.extension.getViews, which returns an array of window objects. var tabs = chrome.extension.getViews({ type: "tab"}) if(tabs[0]) { console.log("inside tab") } var popups = chrome.extension.getViews({ type: "popup"}) if(popups[0]) { console.log("inside popup") } Or chrome.tabs.getCurrent, which returns a tab object in the callback. chrome.tabs.getCurrent(function(tab) { if(tab) { console.log("inside tab") } else {...

Displaying chrome://favicon/ on newtab page

I don't think it's anywhere in the docs, but accessing chrome://favicon/ needs a special permission "chrome://favicon/" in the manifest. Do note: This may change in the future. chrome://favicon is not entirely reliable. ...

Using openweathermap api for free

Check out http://openweathermap.org/price_detailes for more details. All data provided by OpenWeatherMap is distributed under terms of the Creative Commons license http://creativecommons.org/licenses/by-sa/2.0/. Under this license data can be freely used through API with non-commercial or commercial purposes. However, the OpenWeatherMap name must be mentioned as a weather source in a visible...

Opening a Chrome extension as a pop-up using a link

javascript,html,html5,google-chrome,google-chrome-extension

Sadly, it's completely impossible. There is an API in the works, but it would require at a minimum a user gesture, at a maximum explicit invocation of the extension. So opening a link would not be enough, nor would a Native Message be....

can't submit form in chrome extension

There isn't way in client side to do security login! The easiest way in javascript to store a data is localStorage. The safest way is indexedDB because the user cann't easily change and delete the data - but he can! There isn't a speciel way in chrome-extension to do this....

Chrome extension: Getting html of page before page renders/loads

javascript,jquery,html,google-chrome-extension

Use run_at: "document_start" with DOMContentLoaded event listener (or MutationObserver if you want to process the document while it's loading) in your content script.

Mismatched anonymous define() in Chrome extension content script

google-chrome-extension,requirejs,typescript

The docs for the error message state: Be sure to load all scripts that call define() via the RequireJS API. Do not manually code script tags in HTML to load scripts that have define() calls in them. As described in this question, it seems that if you use import in...

How to set the badge text in a chrome extension from the content script?

google-chrome-extension,content-script

No, it's not possible. You need to message a background page to do it for you. However, content scripts have some limitations. They cannot: Use chrome.* APIs, with the exception of: extension ( getURL , inIncognitoContext , lastError , onRequest , sendRequest ) i18n runtime ( connect , getManifest ,...

What is the easy way of installing chrome app from folder, for development, after loading will be disallowed?

javascript,jquery,google-chrome,google-chrome-extension

It seems I misunderstood the news. Installing through "Load unpacked extension" will still be possible, as explained here https://www.chromium.org/developers/extensions-deployment-faq#TOC-Will-this-affect-my-ability-to-develop-my-extensions-on-Windows-...

jQuery not working in background.js of chrome extension

The content_scripts property is intended to link scripts and stylesheets that will be inject in the context of webpage where your extension will be active. if you want to use the jQuery in the background page, you should add the jquery.min.js to the scripts property of the background: "background": {...

Looking for tool that prevent script to become unresponsive [on hold]

javascript,browser,google-chrome-extension

Firefox has an option Dom.max_script_run_time. I don't know if such a thing exists in Chrome, but I wouldn't bet on it. It's probably easiest just to run this script in FF. http://kb.mozillazine.org/Dom.max_script_run_time...

management permissions for chrome extension in content script

javascript,google-chrome-extension,chrome-dev-editor

Something possible is that your content script ask the background script for getting the list of apps installed. Put it in your content script. chrome.runtime.sendMessage({messageName: 'getAllApps'}, function(apps) { // do what you want in with the apps list }); and in your background script listen the request and return the...

Script tags don't work in Chrome Dev Editor

Chrome doesn't allow javascript in extensions like that. The code has to be in a separate .js file for it to work as an extension. Just swap your code for this: <script src="otherfile.js"></script> Then put the javascript in otherfile.js...

Why does chrome.tabs.create create 2 tabs?

google-chrome-extension,google-apps-script

The issue is that there are 2 "background" pages running. The official background page specified in the manifest file. The tab created by chrome.tabs.create({'url': chrome.extension.getURL('background.html')}). This means there are 2 message listeners, which is why 2 tabs are opening. The console messages from the official manifest.json background can be found...

Running Apps Script from Chrome extension requires authorization

...no authorization is required to edit it Fine distinction here... no PERMISSION is needed for the shared spreadsheet, however editors must still be AUTHORIZED by the service. For the Sheets UI, being logged in to your Google account is sufficient authorization. Google Apps Script kicks off the authorization cycle...

Run a function from injected js

javascript,google-chrome-extension,popup,google-chrome-devtools

I presume that the issue is all about the context. You're right about it. The file "temp-file.js" has been injected into host page, so it is now part of host page context. Extension can mess with it - since it is in different context. Run a function from injected...

update popup.html content dynamically

The popup window is created/destroyed each time you open/close the popup. So sending messages to it while closed will not work. A simple solution would be to store the latest message in chrome.storage, and read the value from the popup.

How does an unpublished extension get weekly users?

google-chrome-extension,chrome-web-store

When you published your item as private that means only the trusted testers you set could see and install your extension. Besides that, the team in Google which handles the manual review and marked your item as Pending Review (maybe due some policy violation) could see and install your extension...

chrome.extension.getBackgroundPage is undefined in an extension page in an iframe

google-chrome,google-chrome-extension,oauth-2.0

Most extension APIs can only be used if the page runs in the extension process, i.e. the top-level frame is a non-sandboxed chrome-extension: page. chrome-extension:-frames in a non-extension process can only access the extension APIs available to content scripts and web pages. And unlike content scripts, they can also use...

“OAuth2 not granted or revoked” when trying to evalutate free trial in Chrome extension

Code-wise, the only change needed is to enable interactive mode: chrome.identity.getAuthToken({ 'interactive': true }, function(token) { ... }); There were also a couple of PEBCAK issues going on. Namely: It can take a few seconds for the interactive auth page to appear. This seems to be a bandwidth issue. This...

can “default_popup” (in manifest.json field) have full file path?

google-chrome,http,google-chrome-extension

No. You cannot traverse up with .., or use full paths. It's always relative to the extension root. After all, when the extension is eventually packaged, it contains only files from its root (where manifest.json is) and down. I understand the desire to keep some common components in a separate...

Chrome Extension : How to intercept requested urls? [closed]

JavaScript Code : The following example illustrates how to block all requests to www.evil.com: chrome.webRequest.onBeforeRequest.addListener( function(details) { return {cancel: details.url.indexOf("://www.evil.com/") != -1}; }, {urls: ["<all_urls>"]}, ["blocking"]); The following example achieves the same goal in a more efficient way because requests that are not targeted to www.evil.com do not need to...

Programmatically upload a file from chrome extension. How to?

css,google-chrome,google-chrome-extension,polymer,shadow-dom

Use HTTP PUT or POST, the same way you would upload from a web app. From Javascript, you do this with XMLHttpRequest(), specifying 'PUT' or 'POST' as the first argument to the open() method (whatever your server requires). MDN has this example (as they note, sendAsBinary() in the example should...

Are there any Chrome-specific techniques to scope/isolate CSS?

What you will want to look into is shadow-dom. This will enable you to create a widget/component (which would be your injected html). This would mean that the DOM tree for the widget/component is encapsulated and no external styles from the page will affect it. There is a good article...

Is there a way to view chrome.storage.local in Developer Tools?

google-chrome,google-chrome-extension,google-chrome-devtools

You can use this extension: https://chrome.google.com/webstore/detail/ocfjjjjhkpapocigimmppepjgfdecjkb Here are the docs for extending Devtools: https://developer.chrome.com/extensions/devtools...

How to get chrome extension ID in dev and production?

javascript,google-chrome,google-chrome-extension,google-chrome-devtools

Find it in the webstore developer dashboard. Click the more info button. Copy the "Public key". Add a "key" item to manifest.json. Paste the string value to key. Like this: "key": "yourPublicKey"

Chrome Extension - How to execute a JS script on page load

I presume you have no problem getting a content script to run once on page load. I'm not going to help you with that... You're going to have to have the content script send a message to the background script use chrome.alarms.create(string name, object alarmInfo) in the background script listen...

Background youtube player

google-chrome-extension,youtube-api

When the popup closes, the page that it contains is immediately and completely unloaded. So your iframe is destroyed. And no, you can't keep the popup open. An extension has one persistent page - the background page. You can try adding your iframe there - the sound should continue to...

Chrome Extension detect button inside extension

javascript,json,google-chrome,google-chrome-extension,chrome-web-store

A popup builds up its own DOM, so you can use var element = document.getElementById('btn') together with element.addEventListener() and chrome.tabs.query({active: true, currentWindow: true}) to get the active tab of the current window Be sure to provide tab permission in your manifest Then try this in your popup.js var b =...

Overly strict warning from Chrome Web Store for using a public API

There is no way to do what you are asking. chrome is just informing users what your app can do. They have no way to trust you. What I suggest you do and what I have seen others do is inform potential down-loaders of the warning on your apps description...

Removing permissions of the extensions

javascript,google-chrome-extension,google-drive-sdk,access-token

In order to remove permissions I have to add another GET request to revoke permission: chrome.identity.getAuthToken({ 'interactive': true }, function(token) { // Use the token. if (token) { // Make a request to revoke token var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://accounts.google.com/o/oauth2/revoke?token=' + token); xhr.send(); } chrome.identity.removeCachedAuthToken( { 'token': token...

Can I fire up a Chrome extension API from code?

So I'm answering my own question. I've managed to get it working using externally_connectables. The externally_connectable manifest property declares which extensions, apps, and web pages can connect to your extension via runtime.connect and runtime.sendMessage. 1. Declare app/webpage in manifest.json Just declare your web-app/page within your manifest.json as an externally_connectable. E.g...

chrome extension cannot send message after extension reload