I'm making an extension for Pandora and when the user clicks the extension icon (In the top right), the extension opens a new tab with pandora. What i'm trying to avoid is the user pressing the button multiple times and opening multiple tabs that will all play music at once.

This is what I have so far:

// When extension is clicked
chrome.browserAction.onClicked.addListener(function(tab) {

    // checks to see if pandora tab is already open. if it's already open,
    // the script returns (Or atleast thats what I want it to do)

    chrome.tabs.query({url: "/*"}, function(results) {
        return;
    });

    // injects the javascript
    chrome.tabs.executeScript(null,{file: "buy.js"});
});

I use google's Developer Site as a reference in making this and my manifest page does have tab permissions.

I'm making an extension for Pandora and when the user clicks the extension icon (In the top right), the extension opens a new tab with pandora.. What i'm trying to avoid is the user pressing the button multiple times and opening multiple tabs that will all play music at once.

This is what I have so far:

// When extension is clicked
chrome.browserAction.onClicked.addListener(function(tab) {

    // checks to see if pandora tab is already open. if it's already open,
    // the script returns (Or atleast thats what I want it to do)

    chrome.tabs.query({url: "http://www.pandora./*"}, function(results) {
        return;
    });

    // injects the javascript
    chrome.tabs.executeScript(null,{file: "buy.js"});
});

I use google's Developer Site as a reference in making this and my manifest page does have tab permissions.

• javascript
• google-chrome-extension
• tabs

Share Improve this question Follow edited Mar 9, 2014 at 22:52 Jeffrey Yasskin 5,74233 gold badges2929 silver badges4242 bronze badges asked Mar 9, 2014 at 14:56 JordanJordan 49522 gold badges1010 silver badges2222 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

You'll need at least host permission for http://www.pandora. in order to query tabs visiting it. Then you want something like:

chrome.tabs.query({url: "http://www.pandora./*"}, function(results) {
    if (results.length == 0) {
        chrome.tabs.create({url: 'http://www.pandora./'}, function(tab) {
            chrome.tabs.executeScript(tab.id,{file: "buy.js"});
        });
    }
});

in order to create the tab after learning whether there's an existing tab, and then to inject the script after the new tab's created.

You'll do something similar to inject script when there is an existing Pandora tab.