How to Programming with Google-chrome-extension

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"

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, custom context menu item not showing [duplicate]

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

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 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...

Accessing Search Query Text in Google Chrome Browser with Chrome Extension

google-chrome,google-chrome-extension,npapi,chrome-native-messaging

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...

Can i embed program through native messaging in Chrome (like old npapi plugins)?

Updated answer: So as pointed out in comments, it does obviously use native messaging; what I can't figure out is what they are doing. The project claims to be open source (and GPL) but the source is not to be found in the linked repo; the most recent commit is...

Displaying chrome://favicon/ on newtab page

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

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. ...

Is there a way to launch chrome packaged app from chrome extension

There are 2 possible reasons for not being able to use chrome.management. You have not reloaded your extension properly You are trying to call this from a content script; you can't do that, since a content script has very restricted access to Chrome API. You need to message a background...

Chrome extension options

javascript,google-chrome,google-chrome-extension,options

the new "chrome_style" options actually don't show anything logged to the console trough console.log, your script is probably fine, try adding something to the dom. Add this at the beginning of your script to see any errors happening in your chrome options page: var errorText = document.createElement("div"); document.body.appendChild(errorText) window.onerror =...

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 tell if a page is loaded as a popup or in a separate tab in chrome extension

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

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 {...

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

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....

Simple Chrome Extension : Open an url in a new tab

javascript,google-chrome,google-chrome-extension,messaging

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"...

background to content script messaging: message sent before content script is ready

The safest way is to send a message from the content script indicating that it is ready, and only then reply from the background page. You can, for instance, add something like a queue per tab ID and push messages there, and when the message from that tab arrives feed...

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...

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...

What is the name of the language in which the main program of Chromium is written?

javascript,google-chrome,tcp,google-chrome-extension

Chromium is written in C++11. You can view the source on https://chromium.googlecode.com which includes a C++11 Style Guide: Chromium C++11 Style Guide in Git Chromium C++11 Style Guide in HTML ...

Chrome Extension: Is it possible to create a TCP/Websocket based server on a folder?

Are there any ways to create a server hosted at 127.0.0.1 which will host a folder from within a Chrome (non-legacy) Extension? No, you can't do that with an extension at all. You need a Chrome App to be able to use sockets API, and that's the only way...

contentScript having CORS issue with $.ajax()

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

This is most certainly not an issue on the extension side. It clearly says that the response does NOT contain the required header. You can confirm that in the Network tab of Dev Tools. Look at your server-side code, but this question is unanswerable. Unless, of course, you are willing...

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 opens multiple tabs through background script but writes to console only once [closed]

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

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...

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...

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>"] }); ...

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....

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

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

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'...

chrome extension icon is not changing

jquery,google-chrome,google-chrome-extension

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

jQuery not working in background.js of chrome extension

javascript,jquery,google-chrome,google-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": {...

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....

Using openweathermap api for free

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

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...

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.

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"}, '*');...

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

google-chrome-extension,postmessage

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

My Chrome Extension Keeps Saying Its Corrupted

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

It because you're hitting an edge case bug in Google which verifies at run time that the contents inside an extension on disk match what was uploaded to the web store (designed to prevent malicious software from spoofing legitimate extensions). Three known such bugs are: crbug.com/437675 (dot-slash paths in content...

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...

Programmatically upload a file from chrome extension. How to?

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...

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

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-...

How to run chrome js snippet before other js files?

javascript,browser,google-chrome-extension

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....

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

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...

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...

Chrome extension console.log override

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

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

Event for Chrome Google account logout or Google account user switch

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

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,...

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

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

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...

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)...

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

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

JS blocked in Google Chrome by extension [closed]

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

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 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...

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

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

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...

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...

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...

How to force loading images for the webpages installed “lazy load” without scrolling?

javascript,google-chrome-extension,lazy-loading

Many of the lazy-load plugins stores the actual URL in the data-* section. When scrolling down, right before the image tag gets into view the data-* content is set on the src attribute to start loading the image. You can iterate through all the image tags like this to find...

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; }...

IndexedDB: Can you manually initiate a version change transaction?

javascript,html,javascript-events,google-chrome-extension,indexeddb

You are getting InvalidStateError because you may not be calling IDBDatabase.createObjectStore() from onupgradeneeded event handler. In case of IDB, all object store creation and manipulation has to happen from inside of onupgradeneeded event handler or after onupgradeneeded is triggered. If I understood your requirement correctly then you do not want...

JQuery .find() failing on an .ajax() result

jquery,html,ajax,google-chrome-extension,jquery-selectors

Try something like this var $result = $('<div />').append(siteHTML); $result.find('p.description'); jQuery requires a tree structure to traverse and perform its operations. Directly trying to use .find() without having a root element would not work. In the above case $('<div/>') would be the root element and by appending the result, jquery...

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

javascript,jquery,html,arrays,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...

How to find a dynamically added array element in a function

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...

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...

Meta tags in chrome extension manifest.json?

google-chrome,http,google-chrome-extension

I don't think meta tags are supported, but if you place the keyword in the description field, then that seems to work. For example: { "name": "Brad's animal name extension", "description": "Lets you name animals like Elephant and Rhino", ... } ...

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...

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 ,...

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

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

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...

chrome.runtime.onInstalled is undefined

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

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...

Chrome developer sidebar in extension pane

By hand. If you're crating a whole panel, it's an HTML document under your full control. But as a result, there is no "standard" framework embedded in your HTML that would allow for standard methods....

chrome extension cannot send message after extension reload

google-chrome-extension,google-chrome-app

you arent missing anything. this is how it currently works. i dont like it either. this is very common because it happens when chrome auto updates an extension, even while in use. i deal with this in my extension by detecting that specific error you mention. each content page then...

What is “platforms” for in manifest.json?

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...

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...

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 }); }...

Running Apps Script from Chrome extension requires authorization

google-chrome-extension,google-apps-script

...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...

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...

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,...

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...

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...

“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...

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...

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...

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...

Chrome Extension detect button inside extension

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

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 =...

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....

Chome extension message between users

node.js,google-chrome-extension,google-chrome-app,p2p,chrome-gcm

No. Chrome does not give any tools to do so; any kind of interaction has to go through a 3rd-party server. GCM, for that matter, is just a routing service between clients and an app server. Extensions cannot listen for incoming connections. Chrome Apps, however, do. In that case, you...

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...

management permissions for chrome extension in content script

google-chrome-extension,google-chrome-devtools

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...

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

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...

Set chrome extension cookie value name as var

javascript,html,google-chrome-extension

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...

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...

Run a function from injected js

javascript,email,google-chrome-extension

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...

Composing email(gmail) from chrome extension

Try this link - https://mail.google.com/mail/?view=cm&fs=1&[email protected]&su=SUBJECT&body=BODY&[email protected] This is the gmail link to compose an email. Is this what you where looking for?...

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.

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

javascript,html,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....

Chrome Extension Script not Working

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....

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

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

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...

Why does chrome.tabs.create create 2 tabs?

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

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...

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

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")...

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...

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...

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