Comment puis-je obtenir l'URL de l'onglet en cours à partir d'une extension Google Chrome?

Question

Je m'amuse avec l'extension Google Chrome, et je veux juste savoir comment puis-je stocker l'URL de l'onglet en cours dans une variable?

Answer 1

Un ami répond à ma question.

D'abord, vous avez à définir les autorisations pour l'API onglet:

"permissions": [ 
    "tabs" 
] 

Et pour stocker l'URL:

chrome.tabs.getSelected(null,function(tab) { 
    var tablink = tab.url; 
}); 

Answer 2

Salut est ici un échantillon Google Chrome les e-mails du Site en cours à un ami. L'idée de base derrière est ce que vous voulez ... tout d'abord, il récupère le contenu de la page (pas interessant pour vous) ... après il obtient l'URL (< - bonne partie)

De plus, il est un bel exemple de code de travail, que je préfère timidement à la lecture de documents.

se trouvent ici: Email this page

Answer 3

Le problème est que chrome.tabs.getSelected est asynchrone. Ce code ci-dessous ne fonctionnera généralement pas comme prévu. La valeur de « tablink » sera elle être undefined encore lorsqu'il est écrit à la console car getSelected n'a pas encore invoqué le rappel qui remet à zéro la valeur:

var tablink; 
chrome.tabs.getSelected(null,function(tab) { 
    tablink = tab.url; 
}); 
console.log(tablink); 

La solution consiste à envelopper le code où vous utiliserez la valeur dans une fonction et avoir celle invoquée par getSelected. De cette façon, vous avez toujours une valeur définie, car votre code devra attendre que la valeur soit fournie avant d'être exécutée.

Essayez quelque chose comme:

chrome.tabs.getSelected(null, function(tab) { 
    myFunction(tab.url); 
}); 

function myFunction(tablink) { 
    // do stuff here 
    console.log(tablink); 
} 

Answer 4

Mise à jour: La méthode chrome.tabs.getSelected() est maintenant dépréciée.

La méthode recommandée pour obtenir l'URL de l'onglet en cours consiste à utiliser chrome.tabs.query().

Un exemple d'utilisation:

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

Cela exige que vous demandez l'accès à l'API chrome.tabs dans votre extension manifest:

"permissions": [ ... 
    "tabs" 
] 

Il est important de noter que la définition de votre "onglet en cours" peut différer en fonction des besoins de votre extension.

Le paramètre lastFocusedWindow: true dans la requête est approprié lorsque vous souhaitez accéder à l'onglet en cours dans la fenêtre de l'utilisateur (généralement la fenêtre la plus haute).

Le réglage currentWindow: true vous permet d'obtenir l'onglet actuel dans la fenêtre où le code de votre poste est en cours d'exécution. Par exemple, cela peut être utile si votre extension crée une nouvelle fenêtre/popup (changement de focus), mais veut quand même accéder aux informations de l'onglet depuis la fenêtre où l'extension a été exécutée.

J'ai choisi d'utiliser lastFocusedWindow: true dans cet exemple, car Google appelle les cas dans lesquels currentWindowmay not always be present.

Vous êtes libre d'affiner votre onglet requête en utilisant l'une des propriétés définies ici: chrome.tabs.query

Answer 5

Pour ceux qui utilisent le context menu api, les documents ne sont pas immédiatement claires sur la façon d'obtenir des informations de l'onglet.

chrome.contextMenus.onClicked.addListener(function(info, tab) { 
    console.log(info); 
    return console.log(tab); 
    }); 

https://developer.chrome.com/extensions/contextMenus

Answer 6

Vous devez vérifier this.

HTML

<button id="saveActionId"> Save </button> 

manifest.json

"permissions": [ 
    "activeTab", 
    "tabs" 
    ] 

JavaScript
Le code ci-dessous enregistrera toutes les urls de fenêtre active en objet JSON dans le cadre du bouton Cliquez sur.

var saveActionButton = document.getElementById('saveActionId'); 
saveActionButton.addEventListener('click', function() { 
    myArray = []; 
    chrome.tabs.query({"currentWindow": true}, //{"windowId": targetWindow.id, "index": tabPosition}); 
    function (array_of_Tabs) { //Tab tab 
     arrayLength = array_of_Tabs.length; 
     //alert(arrayLength); 
     for (var i = 0; i < arrayLength; i++) { 
      myArray.push(array_of_Tabs[i].url); 
     } 
     obj = JSON.parse(JSON.stringify(myArray)); 
    }); 
}, false); 

Answer 7

D'autres réponses supposent que vous voulez le connaître à partir d'un script contextuel ou d'arrière-plan.

Si vous voulez connaître l'URL actuelle à partir d'un script de contenu, la manière standard JS applique:

window.location.toString() 

Vous pouvez utiliser les propriétés de window.location pour accéder à des parties individuelles de l'URL, comme hôte , protocole ou chemin.