Comment savoir si un onglet du navigateur est déjà ouvert à l'aide de Javascript?

Comment savoir ou vérifier si les deux onglets du navigateur est déjà ouvert et ceux de l'onglet est ouvert, l'utilisateur recevra un message d'alerte ou message d'erreur indiquant que "l'url est déjà ouvert", ou quelque chose comme ça, dans la pure/JavaScript natif? Cet onglet de navigateur est de contenir un site externe qui est je n'ai pas de privilèges pour les manipuler ou de les modifier. Grâce

Un Exemple D'Url

yahoo.com and google.com

Je tiens à alerter l'utilisateur si il y a déjà onglet ouvert pour yahoo.com et google.com

Et je veux utiliser tabCreate pour ouvrir l'url comme ceci:

tabCreate("http://maps.google.com/", "tabMapsPermanentAddress");
mean to open a new tab, it is use in creating chrome extension

window.open() retour ref vous pouvez vérifier avant d'ouvrir la fenêtre var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);
comme ceci jsfiddle.net/vyhy9wbu ? il informera l'utilisateur que l'url est déjà ouvert?
je pense que vous voulez voir quelque chose comme ceci jsfiddle.net/vyhy9wbu/1

InformationsquelleAutor User014019 | 2014-09-04

9

Vous pouvez utiliser quelque chose comme suit
```

<a id="opener">Open window</a>

//JavaScript
var a = document.getElementById('opener'), w;        
a.onclick = function() {
  if (!w || w.closed) {
    w = window.open("https://www.google.com","_blank","menubar = 0, scrollbars = 0");
  } else {
    console.log('window is already opened');
  }
  w.focus();
};
```
Travail jsBin | Plus sur la fenêtre.méthode ouverte

Si vous souhaitez contrôler plus d'une fenêtre, utilisez l'extrait de code ci-dessous
```

<a href="https://www.google.com" class="opener">Open google.com</a> | 
<a href="http://www.yahoo.com" class="opener">Open yahoo.com</a> 

//JavaScript
window.onload = function(){
  var a = document.querySelectorAll('.opener'), w = [], url, random, i;
  for(i = 0; i < a.length; i++){
    (function(i){
      a[i].onclick = function(e) {
        if (!w[i] || w[i].closed) {
          url = this.href;
          random = Math.floor((Math.random() * 100) + 1); 
          w[i] = window.open(url, "_blank", random, "menubar = 0, scrollbars = 0");
        } else {
          console.log('window ' + url + ' is already opened');
        }
        e.preventDefault();
        w[i].focus();
      };
    })(i);
  }
};
```
Travail jsBin

Si vous n'en voulez pas à charger dans la fenêtre indépendante, juste exclure cette ligne
```
random = Math.floor((Math.random()*100)+1);
```
et supprimer random de référence de la ligne suivante
```
w[i] = window.open(url, "_blank", random, "menubar=0,scrollbars=0");
```
Côté remarque: Comme vous pouvez le voir ci-dessus, nous avons créé deux fenêtres avec certains contenus de tiers; vous devriez savoir qu'il n'y a aucun moyen d'obtenir toute référence (pour le parent/ouvreur de fenêtre) d'eux.
- comment puis-je combiner votre code avec ce code jsfiddle.net/jjjs5wd3/3 (avec l'aimable autorisation de Casey Chu)
- J'essaie d'exécuter votre travail dans jsbin mais il semble que sa ne fonctionne pas 🙁
- Je vois. Mais si j'ai deux adresses Url et je veux de l'utilisateur de donner une alerte que ces URL sont déjà ouvertes?
- Oh, je vois. J'espère que vous pouvez modifier votre code pour les deux URLs 🙂
- Le code pour la première solution ci-dessus est correct, mais je le voir, le w variable n'est pas déclarée dans jsBin; maintenant, il fonctionne. En outre, j'ai ajouté une autre solution qui permet de contrôler plus d'une fenêtre - vous pouvez avoir autant que vous le souhaitez. Laissez-moi savoir si cela a aidé.
- Est-ce correct jsbin.com/qozevegufaye/1 j'ai essayer de modifier votre code à l'aide de tabCreate @hex494D49
- Que faire si le lien ne sera pas de cliquer quelque part? Je veux dire l'url il suffit de taper l'url de la boîte, puis si l'utilisateur ouvre un autre onglet et aller vers la même url, l'utilisateur va donner une alerte
- Pourriez-vous s'il vous plaît ajouter cette tabCreate() fonction de votre question, parce que je n'ai aucune idée de ce qu'il fait à l'intérieur 😉 par Ailleurs, non, il n'y a aucun moyen d'être averti si l'utilisateur ouvre une fenêtre/lien à l'extérieur de votre application. Cette chose est contrôlé par le navigateur lui-même; il n'y a aucun moyen de demander navigateur comme "hey navigateur, permettez-moi de savoir si l'utilisateur ouvre une nouvelle fenêtre/onglet/lien de la barre d'adresse" - en d'autres termes, vous pouvez avoir un contrôle limité seulement si les choses happed à l'intérieur de votre application...
- Enfin, à l'aide de window.open méthode que vous êtes en mesure de contrôler le moment où une fenêtre s'ouvre ou si elle a été fermée; à l'aide de la plaine d'ancrage comme <a href="url">go to this link</a> vous serez en mesure de contrôler le moment où la fenêtre s'ouvre mais vous n'aurez pas de savoir si elle a été fermée par l'utilisateur - vous pouvez utiliser des cookies ou des paramètres régionaux de stockage à (éventuellement) d'obtenir plus de contrôle, mais il n'a de sens que si la fenêtre n'a pas de contenu de tiers (comme google.com, yahoo.com etc.)
- j'ai ajouté le tabCreate() fonction dans ma question 🙂
- Je vois, c'est lié à google chrome.les onglets de l'API. Eh bien, c'est quelque chose d'autre et liées à google Chrome lui-même; laissez-moi vérifier d'abord la cause " aussi loin que je peux voir, il a un certain contrôle sur les onglets dans le navigateur.
- Oui, parce que je suis en train de créer une extension chrome pour site web externe
- salut, merci de vérifier ma nouvelle question 🙂
InformationsquelleAutor hex494D49
6

Une idée de base est de stocker de l'onglet compter dans un cookie ou localStorage, en augmentant au chargement de la page et de décrémentation sur la page de décharger:
```
if (+localStorage.tabCount > 0)
    alert('Already open!');
else
    localStorage.tabCount = 0;

localStorage.tabCount = +localStorage.tabCount + 1;
window.onunload = function () {
    localStorage.tabCount = +localStorage.tabCount - 1;
};
```
Essayer l'ouverture de ce violon dans plusieurs onglets.

Noter que cette technique est assez fragile, si. Par exemple, si pour une raison quelconque, le navigateur se bloque, l'décharger gestionnaire ne fonctionnera pas, et il va s'en aller de la synchronisation.
- Je vois. Pouvez-vous me donner un exemple vivant avec les url dans votre code?
- Comme google.com si cette ouverture, il vous alerte à l'aide de votre code. Pls voir la mise à jour de question
- puis-je changer +localStorage à l'url réelle? comme http://www.google.com?
- Lorsque le navigateur se bloque les valeurs dans localStorege sont conservés. Le tabCount valeur ne sera jamais atteindre 0 encore.
InformationsquelleAutor Casey Chu
2

La réponse par Casey Chu fonctionne très bien jusqu'à ce que le navigateur se bloque avec la page ouverte. Sur toute la prochaine exécution, le localStorage objet initialisé tabCount non la valeur zéro. Par conséquent, une meilleure solution est de stocker la valeur dans un cookie de session. Le cookie de session sera supprimé lorsque le navigateur sorties avec succès. Lorsque le navigateur se bloque, le cookie de session sera effectivement préservé, mais heureusement que pour une prochaine exécution du navigateur.

Objet sessionStorage est distincte pour chaque onglet de sorte qu'il ne peut pas être utilisé pour le partage de l'onglet comte.

C'est l'amélioration de la solution à l'aide de js-cookie bibliothèque.
```
if (+Cookies.get('tabs') > 0)
    alert('Already open!');
else
    Cookies.set('tabs', 0);

Cookies.set('tabs', +Cookies.get('tabs') + 1);

window.onunload = function () {
        Cookies.set('tabs', +Cookies.get('tabs') - 1);
};
```
InformationsquelleAutor Grzegorz Żur

Cette réponse: https://stackoverflow.com/a/28230846 est une alternative qui ne nécessite pas de Cookies/js-témoin de la bibliothèque. - Il mieux adapté à mes besoins. En un mot (voir réponse pour une description complète):

$(window).on('storage', message_receive);

...

//use local storage for messaging. Set message in local storage and clear it right away
//This is a safe way how to communicate with other tabs while not leaving any traces
//
function message_broadcast(message)
{
    localStorage.setItem('message',JSON.stringify(message));
    localStorage.removeItem('message');
}


//receive message
//
function message_receive(ev)
{
    if (ev.originalEvent.key!='message') return; //ignore other keys
    var message=JSON.parse(ev.originalEvent.newValue);
    if (!message) return; //ignore empty msg or msg reset

    //here you act on messages.
    //you can send objects like { 'command': 'doit', 'data': 'abcd' }
    if (message.command == 'doit') alert(message.data);

    //etc.
}

InformationsquelleAutor Paul Higgins

Vous devez vous connecter pour publier un commentaire.