Obtenir l'URL actuelle de l'intérieur chromé.contextMenus.onClicked auditeur

Je crée ma première extension Chrome et j'ai besoin d'aide. Moi je pense que tout fonctionne, sauf le fait que je ne peux pas obtenir l'URL de l'onglet.

var menu = chrome.contextMenus.create({
    "title": "extension",
    "contexts": ["all"]
  });

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
        var siteUrl = tabs[0].url;
});

chrome.contextMenus.onClicked.addListener(function(activeTab)
{

    chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
        var siteUrl = tabs[0].url;
    });

    var finalUrl = "http://example.com/";

    finalUrl += encodeURI(siteUrl);

    //Open the page up.
    chrome.tabs.create(
        {
            "url" : finalUrl
        }
    );
});

Quelqu'un peut-il m'aider? Merci.

EDIT:

Merci pour vos réponses. J'ai eu de travail en déplaçant 

var finalUrl = "http://example.com/";

    finalUrl += encodeURI(siteUrl);

    //Open the page up.
    chrome.tabs.create(
        {
            "url" : finalUrl
        }

À l'intérieur de

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
        var siteUrl = tabs[0].url;
    });
  • Ne document.location.href pas de travail?
  • Pas de, qui permettra de récupérer chrome-extension://bjbdnjemkpaehlbckilllpakbphkkfme/src/bg/background.html
  • Double Possible de Pourquoi ma variable inchangée après je le modifie à l'intérieur d'une fonction? - Le code asynchrone de référence
  • Le code en question et suivantes modifier par l'OP, il est clair que la question de l'OP de la mise en œuvre a été un duplicata de la Async code réf question liée dans le commentaire ci-dessus. Cependant, la accepté de répondre fournit une solution à la situation qui est suffisamment mieux que je ne ressens pas cette question devrait être fermé comme un doublon. En d'autres termes, cette question est une XY problème. L'OP de la mise en œuvre a la dup problème, mais la meilleure solution est de résoudre la situation réelle, pour ne pas fixer l'OP de la mise en œuvre.
InformationsquelleAutor xKripz | 2014-01-12
  1. 7

    Les informations dont vous avez besoin sont fournis déjà dans le rappel de la onClicked port d'écoute.

    chrome.contextMenus.onClicked.addListener(function(info, tab) {
    //The URL of the tab (if any)
    var tabURL = tab && tab.url;

    //The URL of the page (if the menu wasn't triggered in a frame)
    var pageURL = info.pageUrl;

    //The URL of the frame (if the menu was triggered in a frame)
    var frameURL = info.frameUrl;

    E. g. vous pouvez obtenir ce que vous voulez comme ceci:

    manifeste.json:

    {
    "manifest_version": 2,
    "name":    "Test Extension",
    "version": "0.0",

    "background": {
        "persistent": false,
        "scripts": ["background.js"]
    },

    "permissions": ["contextMenus"]
}

    background.js:

    var baseURL = 'http://example.com/';

chrome.contextMenus.create({
    id: 'myMenu',   //<-- event-pages require an ID
    title: 'Do cool stuff',
    contexts: ['all']
}, function () {
    /* It is always a good idea to look for errors */
    if (chrome.runtime.lastError) {
        alert('ERROR: ' + chrome.runtime.lastError.message);
    }
});

chrome.contextMenus.onClicked.addListener(function(info, tab) {
    /* Check which context-menu was triggered */
    if (info.menuItemId === 'myMenu') {
        /* Get the URL of the frame or (if none) the page */
        var currentURL = info.frameUrl || info.pageUrl;

        /* Open a new tab */
        chrome.tabs.create({
            url: baseURL + encodeURI(currentURL)
        });
    }
});
    • Vous avez un peu de duplication dans votre premier bloc de code: info.pageUrl && info.pageUrl; devrait être info.pageUrl; (de même pour frameUrl. +1 pour la bonne façon d'aborder le problème!
    • Fixe. Merci, @RobW !
    • merci beaucoup, j'ai passé du temps sur ce en supposant qu'il a été l'onglet api
    InformationsquelleAutor gkalpak
  2. 12
    chrome.tabs.getCurrent(function(tab){
    alert(tab.url);
});

    OU si vous êtes dans un contenu de script,

    alert(document.location.href);
    • Je neeed pour aller à la variable siteUrl. J'ai essayé et Ça ne fonctionne pas 🙁
    InformationsquelleAutor Mike M
  3. 7

    Si vous utilisez le contenu du script que vous pouvez utiliser

    document.location.href

    document.location est l'Objet et peut fournir l'ensemble de utile morceaux dans l'URL

    • document.location.host retourne le nom de domaine ex: "http://www.google.com/"
    • document.location.path retourne la partie après le nom de domaine
    • document.location.hash renvoie ce que après le symbole # dans l'url
    • sans doute, le moyen le plus facile pour obtenir l'URL actuelle. Merci
    InformationsquelleAutor Ahmed Gaber
  4. 1

    Fonction:

    function getCurrentUrl(callBackFuntion){
//you are in content scripts
    if(null == chrome.tabs || null == chrome.tabs.query){
        callBackFuntion(document.location.href);
    }else{
//you are in popup
        var queryInfo = {
            active: true, 
            currentWindow: true
        };
        chrome.tabs.query(queryInfo, function(tabs) {
            var tab = tabs[0]; 
            callBackFuntion(tab.url);
        }); 
    }
}

    Appel de la fonction:

    function alertUrl(url){
    console.log("currentUrl : " + url);
}
getCurrentUrl(alertUrl);
    • Chouette. Mais nécessite au moins "activeTab" autorisation pour la popup cas.
    InformationsquelleAutor Siddarth Kanted