Optimisez votre expérience de navigation en ouvrant les URL dans de nouveaux onglets ou en réutilisant les URL existantes lorsque cela est possible

Question

Maintenant, j'ai un lien

<a href="blabla" target="_blank">link</a>

Cependant, cela ouvre toujours un nouvel onglet. Je veux l'effet suivant

1. Si l'utilisateur dispose déjà d'un onglet avec la même URL, veuillez réutiliser l'onglet et actualiser si possible
2. Sinon, ouvrez un nouvel onglet

Comment puis-je y parvenir en utilisant JavaScript ?

Ce n'est pas grave s'il n'existe que quelques méthodes spécifiques au navigateur, de sorte que les utilisateurs qui ne disposent pas de navigateurs pris en charge en conséquence "se replieront" sur l'approche du nouvel onglet permanent.

Answer 1

Paramètrestarget="child"actualisera l'onglet actuel (s'il est déjà ouvert)

ABcd
Defg

Answer 2

Vous pouvez définir le nom d'une fenêtre spécifique pour ouvrir les onglets réutilisés. Le problème est que tant que le href est le même, il ne se rechargera pas. Vous ne pouvez donc pas obtenir la pièce refresh facilement.

Par exemple, vous pouvez :

link
link

En JS, vous pouvez réellement utiliser window.open 获得相同的结果。您还可以使用 url 作为目标 vous n'avez donc pas besoin de le spécifier manuellement :

link
link

Vous pouvez également généraliser et ajouter des écouteurs de clics au document pour ouvrir certains liens de cette façon. Quelque chose comme ça :

    link
    link


sssccc

Si la page se trouve dans le même domaine, vous pouvez également essayer de rafraîchir la page à ce moment-là.