Comment modifier actuel emplacement de l'url dans le navigateur chrome via des extensions

Je veux créer une extension qui redirige l'utilisateur vers un autre site, s'il clique sur l'extension de bouton. Pour l'instant j'ai seulement vu des extensions de créer un nouvel onglet pour chaque clic.

Est-il possible de rediriger l'utilisateur vers un autre site web à l'aide de l'onglet actif?

J'ai essayé quelque chose comme ceci:

chrome.browserAction.onClicked.addListener(function(tab) {
    var url = "https://www.mipanga.com/Content/Submit?url="
        + encodeURIComponent(tab.url)
        + "&title=" + encodeURIComponent(tab.title);

    document.location.href = url; //<-- this does not work
});

InformationsquelleAutor | 2009-12-12

67

À l'Attention de: Si vous développez de la croix-des extensions de navigateur (je l'espère pour vous!), Je recommande que vous utilisez chrome.onglets.query(). Veuillez voir Jean-Marc Amon réponse pour plus d'informations. Cette réponse travaille toujours dans Firefox et Chrome, mais query() est plus couramment utilisé, a plus d'options, et fonctionne en arrière-plan des pages et des popup vues.

De la chrome.les onglets API, vous pouvez utiliser getCurrent() ou query().

Je préfère getCurrent mais il ne peut pas être appelée à partir d'un non-contextuel de l'onglet (par exemple une page d'arrière-plan ou contextuel de la vue). Si c'est un problème pour vous, vous devriez regarder pour utiliser query à la place. Jean-Marc Amon est réponse ci-dessous fournit un merveilleux exemple de la façon d'obtenir de l'onglet actif dans ce cas (n'oubliez pas de upvote lui!).

Une fois que vous avez l'onglet en cours, il suffit de passer update().
```
chrome.tabs.getCurrent(function (tab) {
  //Your code below...
  var tabUrl = encodeURIComponent(tab.url);
  var tabTitle = encodeURIComponent(tab.title);
  var myNewUrl = "https://www.mipanga.com/Content/Submit?url=" + tabUrl + "&title=" + tabTitle;

  //Update the url here.
  chrome.tabs.update(tab.id, {url: myNewUrl});
});
```
NB: pour utiliser cette fonctionnalité, vous doit assurer que vous avez le tabs autorisation activé dans votre manifest.json fichier:
```
"permissions": [
  "tabs"
],
```
- peut-on inclure ce code dans notre fichier js externe? ou il doit être sur le chrome popup.html? merci!
- Oui, il peut être appelé à partir d'un fichier externe.
- Ne fonctionne pas pour moi dans le dernier Chrome (19).
- Je vous suggère d'avoir un coup d'oeil à la documentation sur les onglets, comme il peut avoir quelque peu changé. Cela dit, ce même code fonctionne sur la dernière dev version de Chrome (21.0.1171.0 dev-m) pour moi, sans problème. Pour être honnête, je serais surpris s'il n'a pas que Google ne garder développeurs à jour, et mes propres extensions, utilisez le même type de logique aussi. Si de telles une grande partie des extensions de fonctionnalités changea tout à coup, sans avertissement, il y avait quelque chose d'un retour de bâton. Docs: code.google.com/chrome/extensions/tabs.html
- Je vais mettre à jour après l'enquête un peu plus.
- Merci. J'ai vraiment l'apprécier. Si je me trompe, je vais joyeusement mise à jour de la réponse avec le plus up-to-date information.
- J'ai eu le même problème avec google chrome.onglets.getCurrent(function(tab){}) , j'ai utilisé google chrome.onglets.getSelected(null, la fonction(tab){}) à la place et il fonctionne très bien
- Merci! Je l'ai ajouté comme autre exemple.
- Pour la postérité, j'ai enlevé getSelected, déprécié dans v33. Vous devez uniquement utiliser query ou getCurrent.
- J'ai essayé cette méthode, mais l'url se transforme à son tour d'être inattendu: chrome://extension/<my_extension_id>/<new_url> Comment faire pour supprimer les indésirables préfixe?
- Quel indésirables préfixe?
InformationsquelleAutor Dan Atkinson
35

Vous pouvez utiliser google chrome.onglets.requête trop
```
chrome.tabs.query({currentWindow: true, active: true}, function (tab) {
      chrome.tabs.update(tab.id, {url: your_new_url});
});
```
- C'est la nouvelle façon correcte.
- Cela devrait être accepté réponse. getSelected' a été désapprouvée
- Amon tab param est en fait une matrice de type, de sorte qu'il devrait être tabs[0].id
- Est-il un moyen de prendre de chrome.onglets.mise à jour(tab.id ); et ajouter une chaîne de texte à l'URL? c'est à dire. comme l'ajout de "&sandbox=true " à l'URL actuelle?
- Pas encore essayé mais je pense que cela fonctionnera donc, essayez et dites-moi
- J'ai essayé cette méthode, mais l'url se transforme à son tour d'être inattendu: chrome://extension/<my_extension_id>/<new_url> Comment faire pour supprimer les indésirables préfixe?
InformationsquelleAutor Jean-Marc Amon
8

La chrome.tabs.update méthode (au moins, à compter de janvier 2017) sera automatiquement exécuté dans le courant de l'onglet actif si l'onglet id est transmis.

Cela a l'avantage de ne pas nécessiter la tabs autorisation. Les Extensions de cette autorisation d'avertir l'utilisateur qu'il peut lire l'historique de navigation, de sorte que vous devriez éviter de poser pour elle, si vous n'avez pas besoin d'.

Modification de l'onglet actuel de l'adresse URL est aussi simple que d'écrire ceci:
```
chrome.tabs.update(undefined, {url: 'http://example.com'});
```
Ou comme indiqué par farwayer dans les commentaires, vous n'avez pas besoin de mettre deux arguments à tous.
```
chrome.tabs.update({url: 'http://example.com'});
```
- Des œuvres. Grâce à vous!
- pouvez-vous utiliser ce code pour ajouter une chaîne de texte à l'URL actuelle? c'est à dire. ajouter un '&sandbox=true " à l'URL actuelle?
- Je pense que vous aurez besoin de la tabs la permission, puisque vous aurez besoin de récupérer l'URL de l'onglet avant d'en rajouter.
- Vous pouvez même sauter premier paramètre chrome.tabs.update({url: 'http://example.com'});
- Je n'étais pas au courant de cela. Il est vrai que la seule chose que l'API page le dit, c'est que l'id est "facultatif". J'ai sans doute pensé qu'on avait encore à passer undefined depuis que j'ai toujours mettre en œuvre des fonctions qui prennent certains arguments optionnels dans d'autres positions, mais la dernière.
- J'ai essayé cette méthode, mais l'url se transforme à son tour d'être inattendu: chrome://extension/<my_extension_id>/<new_url> Comment faire pour supprimer les indésirables préfixe?
- Semble que vous pourriez être en train de passer une URL relative à google chrome.onglets.la mise à jour. Assurez-vous de passer une url complète, y compris un protocole. Si ce n'est pas ça, alors vous devriez ouvrir votre propre StackOverflow question.
- Votre prédiction est correcte. Après avoir ajouté protocole de l'URL, il fonctionne comme prévu. +1 vote pour ton commentaire 😉
InformationsquelleAutor Domino

Vous devez vous connecter pour publier un commentaire.