google-chrome-extension , Simple Chrome Extension : Open an url in a new tab


Simple Chrome Extension : Open an url in a new tab

Question:

Tag: google-chrome-extension

I'm looking to create a "new tab" extension like Panda or the Product Hunt Extension: the user can open a new tab with my website inside, with an hidden url.

I've generated my package with the awesome Extensionizr and here is my manifest.json :

manifest.json

{
  "name": "My app",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "My awesome app",
  "homepage_url": "http://myapp.com",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "default_locale": "en",
  "background": {
    "scripts": [
      "src/bg/background.js"
    ],
    "persistent": false
  },
  "permissions": [
    "tabs",
    "http://myapp.com/*"
  ]
}

My background.js come from this answer, the problem seems really similar.

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {
  var newURL = "http://myapp.com";
  chrome.tabs.create({ url: newURL });
});

I'm still getting this error when I try to run the background page from the extension settings : Uncaught TypeError: Cannot read property 'onClicked' of undefined

And when I open a new tab, Google Chrome took the advantage and display me a google search page.

I do it wrong, and I don't know how/where/why


Answer:

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" : {
    "newtab": "myPage.html"
  },

Inside that myPage.html, you can add an <iframe> for your remote content.


Related:


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


javascript,browser,google-chrome-extension
For a side project I need to generate a lot of data from a WebGL Application. This Web App is mostly a personal tool and I really don't care if my browser become unresponsive (I mean, I know it will). Does someone know a browser/tool/plugin that could allow me to...

Background youtube player


google-chrome-extension,youtube-api
I am trying to make a Chrome extension such that to play songs from youtube. I have done this but I have a small problem. When I click the extension icon, a popup appears where I can search the song and play it, but when the popup disappears, the music...

My Chrome Extension Keeps Saying Its Corrupted


google-chrome,google-chrome-extension
I recently got a Chrome Developer account, i paid the 5 bucks and stuff. I published my extension after extensive testing and it works perfectly, but after i uploaded the app and then downloaded it to test it, whenever i try to open it, it disappears from my chrome bar...

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


google-chrome,google-chrome-extension
I have searched through google spec about chrome storage, but was not able to get a definite answer to my question. I am currently writing my first chrome extension, in which I store the data into a local storage. The thing that is bothering me is that when I release...

can't submit form in chrome extension


javascript,html,html5,google-chrome,google-chrome-extension
I have been working in a new chrome extension, and i am Beginner I have a form with login details (username and password) and i want to check username and password with database and move to another page or form in this extension. popup file Local Storage Encoding Local Storage...

Meta tags in chrome extension manifest.json?


google-chrome-extension
I'll give a contrived example: Imagine that I wanted to list my Chrome extension on the Chrome Web Store under the title "Brad's Animal Names Extension" but I also wanted my extension to be revealed in the search results for "elephant". Is there any way I can do this without...

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


javascript,jquery,html,google-chrome,google-chrome-extension
I am trying to make a google chrome extension that allows a user to click on in image in the popup window and have the images url sent to a specific websites text field; I see nothing wrong with my code but it refuses to work. Here is my manifest.json...

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


javascript,google-chrome,google-chrome-extension,google-chrome-devtools
The following is that I'm trying to achieve Every time 'www.google.com' loads, a script/function triggers. However, the functions itself reloads the page via 'location.reload();' Basically, an infinite loop of reloads. Script reloads page -> Script injected -> Script reloads page -> etc. I want the tab @ google.com to keep...

Mismatched anonymous define() in Chrome extension content script


google-chrome-extension,requirejs,typescript
I'm trying to build a Chrome extension with TypeScript. The setup is quite simple: In manifest.json { "permissions": [ "webRequest", "webRequestBlocking", "tabs", "storage", "http://*/", "https://*/*" ], "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": [ "scripts/require.js", "scripts/require-cs.js", "scripts/main.js", "scripts/contentscript.js" ], "run_at": "document_end", "all_frames": true }], } In model.ts: export...

Running Apps Script from Chrome extension requires authorization


google-chrome-extension,google-apps-script
I'm trying to execute a Google Apps Script from an event on my Chrome extension. While it works great, when ran for the first time by a new user, the apps script requires for the user to give it authorization before it can execute. The problem is when running the...

Can Chrome extension content script access all tabs?


google-chrome,google-chrome-extension,content-script
Basically, I want to get all the opened tabs of the browser window, from within a tab, more specifically, in content script. I tried chrome.tabs.query, it works in background script, but doesn't work in content script. So my questions are: Is there a way to do such work? Maybe an...

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


javascript,google-chrome,google-chrome-extension
I am trying to access my extension's background page using chrome.extension.getBackgroundPage function. However, I get the following error: Uncaught TypeError: chrome.extension.getBackgroundPage is not a function I am calling the function from my bar.js file which is defined as a web_accessible_resource in my manifest.json How do I make it work? manifest.json...

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


jquery,html,ajax,google-chrome-extension,jquery-selectors
I'm working on a Chrome extension which, under certain conditions, performs a $.ajax() request and then uses information of specific elements in the returned HTML. For now, I'm simply trying to have it access the specific element and log it to the console to ensure it works correctly. To start,...

Run a function from injected js


google-chrome-extension
I have been going around in circles with this, so I would appreciate some help This is what I want to achieve User presses my extension ison Popup appears with two buttons, 'run function a' and 'run function b' When they press a button it runs the function in my...

Why does chrome.tabs.create create 2 tabs?


google-chrome-extension
When the chrome.tabs.create function is triggered by a message received, it creates 2 tabs. In the following demo code, 1 cat tab is created, and 2 dog tabs are created. Is this by design or is it a bug? If it is a known bug, can you provide the bug...

Set chrome extension cookie value name as var


javascript,google-chrome,google-chrome-extension
I'm working on chrome extension and need to set a cookie: chrome.cookies.set({ url: "https://www.someurl.com/", name: value }); This code works good but "name" should be dynamic var that ajax passed. var name = response; Is it posible?...

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


google-chrome-extension
We would like to develop a new plugin for Chromium. To achieve this goal, we must learn at least one computer language. We do not know its / their name(s). Do you know the name of the computer language in which is written the program contains 1) the variable whose...

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


javascript,google-chrome,iframe,google-chrome-extension
I'm trying to access some data from an iframe nested within an iframe, from developers console: Object.keys(document.getElementById("contentBody"). contentDocument.getElementById('rawContent'). contentDocument.defaultView.window.messages) ["29c736c0ed25463c8436f4990ab6c6ec.zip", "235819a8cf11488e83f0336603b71711.zip", "66c9260590834d9698568c8a676ef406.zip", "fae95e31cb424cd6ad21302217ef2cdc.zip", "f554f712141047aa9aa24f765073e305.zip", "e5c41819578240e0868f43ab6301aeb3.zip"] That's what I expect back, but I've tried to get that...

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


google-chrome,google-chrome-extension
My Chrome extension has a page that is seen in a popup or as a separate tab. When it seen as a separate tab, I need to show a small button at the corner of the page. But I couldn't find a way to detect when a page is loaded...

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


javascript,google-chrome-extension
This is my contextMenus.create function which is throwing the cannot read property of create in undefined error. chrome.contextMenus.create({ "title": "Buzz This", "contexts": ["page", "selection", "image", "link"], "onclick" : clickHandler }); I also have this in the same content script: chrome.contextMenus.onClicked.addListener(onClickHandler); // The onClicked callback function. function onClickHandler(info, tab) { window.alert(info.srcUrl);...

Chrome Extension Script not Working


javascript,html,google-chrome-extension
I am extremely new to creating extensions for chrome, and right now I'm just trying to mess around and create a simple canvas that you can open up and draw on. When I load popup.html as a normal webpage everything seems to work just fine, but when I open the...

chrome extensions Uncaught ReferenceError: $ is not defined


javascript,jquery,google-chrome,google-chrome-extension
I am trying to make a chrome extension that uses an external javascript file that uses JQuery. But I keep getting this silly error. Screenshot of error in chrome inspector. Any help is appreciated thanks! popup.js $(document).ready(function(){ $.ajax({url: "http://www.google.com", success: function(result){ $("#report-details").html(result); }}); }); popup.html <!doctype html> <html> <head> <title>TEST</title>...

Host my own chrome extension in my website


google-chrome-extension
I have developed one chrome extension and i want to use it on some windows pc's all over the world (of course the owners know me and my work) but i dont want to upload it on WEBSTORE since its only for something we use for ourselfs. Could i host...

How to make function in loop run synchronously?


javascript,jquery,loops,google-chrome-extension,synchronization
Am working on a chrome plugin, and need to sendMessage from an 'app page' to a 'content script' and then get the return messages, from inside a loop. But since the loop doesn't wait for the sendMessage to return a value before starting on the next iteration, it is screwing...

How to get chrome extension ID in dev and production?


google-chrome-extension
I work on a chrome extension. I do use some messages between my web page and background process. Problem is: the ID of my application is different when it comes from the google extension page and the one I locally work on and debugging. Is there a way to make...

Event for Chrome Google account logout or Google account user switch


javascript,google-chrome-extension,oauth-2.0,google-account
Is there an event or listener that fires when a user logs his Google account out of Chrome (or switches from account)? When this happens I want to change my Chrome Extension default_icon (from green to red)....

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


javascript,google-chrome,google-chrome-extension,google-chrome-devtools
I don't know if what I am looking for is possible, I want JS, or any other programming method solution to detect the requests calls for a given url page, something similar to chrome dev tools There is a site that displays videos, I would like to access through the...

IndexedDB: Can you manually initiate a version change transaction?


javascript,html,javascript-events,google-chrome-extension,indexeddb
I am writing a chrome extension that utilizes IndexedDB to store some information client side in an IDBObjectStore within an IDBDatabase. The nature of the data is such that I need my users to be able to modify the object store at their whim. (add new objects modify existing ones...

Programmatically upload a file from chrome extension. How to?


google-chrome,google-chrome-extension
I need to upload a local file to a remote server from a chrome extension. The extension extends chrome file browser and I'd like to invoke the upload when a user 'opens' a file with my extension. I was hoping to use sockets APIs but just realised (hard way) that...

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


google-chrome-extension
This question already has an answer here: Chrome extension context menu not showing up 1 answer I know this question has been asked so many times on this site, e.g. this post. However, Chrome upgrades so fast and it seems those solutions don't work for the latest version anymore....

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


google-chrome,google-chrome-extension,google-chrome-devtools
I have a Chrome Extension and I'm able to view background page localStorage on the Resources tab of Developer Tools. Is there a way to do the some for chrome.storage.local?...

Chrome identity launchWebAuthFlow only opens empty callback page


javascript,google-chrome-extension,callback,oauth-2.0,identity
Sorry for yet another probably noob question, normally I don't give in until I find a solution myself but this one has me going for 3 days and it is time to admit I'm stuck... I'm trying to authenicate a Chrome extension to use PushBullet user data via OAuth2: background.js...

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


google-chrome-extension,google-chrome-devtools
The documentation says "An instance of the extension's DevTools page is created each time a DevTools window opens. The DevTools page exists for the lifetime of the DevTools window." However, the Facebook Pixel Helper manages to to get network information without the devtools window being open. So, I was wondering...

Adding eventListeners to checkboxes in for loop in chrome-extension


javascript,html,google-chrome-extension
I have a function that gets all the tabs in a window and then updates the popup.html page by adding a checkbox for each tab. After doing this there is a second for loop that adds event listeners which update an dictionary containing the value of the checkbox's. The problem...

How does an unpublished extension get weekly users?


google-chrome-extension,chrome-web-store
This is weird. I have an extension that is not available through the webstore because it's marked as private and is still pending review. However, I see the weekly users count increasing. When the counter was at 1, I thought it was somehow tracking my own usage of the locally...

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


google-chrome-extension,postmessage
Does anybody sees a way to listen to cross iframe/window communication that is being done using the javascript postMessages ? Best would be using the chrome.debugger in the background page of an extension. I see that I can listen to HTTP-Traffic using the "Network.requestWillBeSent" and "Network.responseReceived" events. But I would...

How to respond to multiple bookmark operations in Chrome?


javascript,google-chrome,asynchronous,google-chrome-extension,bookmarks
I'm working on a simple Chrome extension which deals with bookmarks. So far I've discovered two ways to respond to operations that the chrome.bookmarks API provides: pass callback function directly to the API call (eg. chrome.bookmarks.move(string id, object destination, function callback)) register callback function globally (chrome.bookmarks.onMoved.addListener(function callback)) As far as...

jQuery not working in background.js of chrome extension


javascript,jquery,google-chrome,google-chrome-extension
I am making a chrome extension. Here is my manifest: { "manifest_version": 2, "name": "ROBLOX-R", "version": "1", "description": "An extension to automatically trade currencies.", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "<all_urls>" ], "content_scripts": [{ "matches": ["<all_urls>"], "js": [ "jquery.min.js" ] }], "background": { "scripts": ["background.js"] } }...

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


google-chrome,http,google-chrome-extension
How can an extension intercept any requested URL to block it if some condition matches? Similar question for Firefox. What permission needs to be set in manifest.json?...

Using Youtube's Data API


google-chrome-extension,youtube-api,youtube-data-api
I cannot figure out how to use Youtube's API V3, with Chrome's identity extension API. Is there a tutorial somewhere? I would like to start by rating a video.

Chrome extension console.log override


javascript,google-chrome,google-chrome-extension
I'm building a chrome extension that reads the console log and find where an ip appears, after the string "Connecting to", and gets the ip. store = []; var oldf = console.log; console.log = function(){ store.push(arguments); oldf.apply(console, arguments); }; pos = 0 server = "" setTimeout(function(){ for(i = 0; i...

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
I don't want to create a chrome extension ONLY using node.js. I know chrome extensions use HTML, CSS and JavaScript. But I want to make a chat application as a chrome extension. I found that using MEAN stack along with socket.io for a chat application is the latest way and...

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


javascript,jquery,events,javascript-events,google-chrome-extension
I have an element on a page that I am constantly monitoring. If at any time that length is equal to 1, it means it exists on the page (the user has logged out) and I want to prompt them with a popup to login. So at the moment I...

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


javascript,google-chrome-extension,lazy-loading
I implement a Chrome extension. The extension needs to get all images URLs of webpages. However, some webpages have "lazy load" plug-in. My question is if it is possible that I can still get URLs without required manually scrolling down?

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


javascript,google-chrome,google-chrome-extension
I was trying to write a background script that creates a new tab if a stored item isn't found but it opens up hundreds of new tabs. While chrome's create tab function opens multiple tabs through the background page, console.log are run just once. Why exactly is that? For example:...

Simple Chrome Extension : Open an url in a new tab


google-chrome-extension
I'm looking to create a "new tab" extension like Panda or the Product Hunt Extension: the user can open a new tab with my website inside, with an hidden url. I've generated my package with the awesome Extensionizr and here is my manifest.json : manifest.json { "name": "My app", "version":...

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


css,google-chrome,google-chrome-extension,polymer,shadow-dom
I'm writing a Chrome extension that injects HTML into a displayed page. I want the injected HTML to have it's own style, protected from the CSS that may be present in the host page. I've tried using conventional CSS, and still suffer from style corruption from the host page. After...

Using openweathermap api for free


google-chrome-extension
Can I use openweathermap api for free in a chrome extension? I am trying to build a chrome extension which will use openweather map api. Can I use it for free if I want to place it on webstore?

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


javascript,google-chrome-extension
This question already has an answer here: Chrome Extension Message passing: response not sent 2 answers I'm trying to inject an html template into the DOM of a webpage via a content script. I prefer to keep the html files in their own folder within the extension so that...

Can I fire up a Chrome extension API from code?


javascript,google-chrome,google-chrome-extension
Is it possible to launch a Google Chrome extension within a website? E.g run some javascript that will launch the extensions UI? I'm building a web-app that will allow users to take screenshots of their desktop and edit them. I've got a sample extension up and running using dektopCapture but...