Optimize your browsing experience by opening URLs in new tabs or reusing existing URLs where possible

Question

Now I have a link

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

However, this always opens a new tab. I want the following effect

1. If the user already has a tab with the same URL, please reuse the tab and refresh if possible
2. Otherwise, open a new tab

How can I achieve this using JavaScript?

It's okay if there are only some browser-specific methods, so users without correspondingly supported browsers will "fall back" to the always-new-tab approach.

Answer 1

Settingtarget="child"Will refresh the current tab (if already open)

ABcd
Defg

Answer 2

You can set the name of a specific window to open reused tabs. The problem is, as long as the href is the same, it won't reload. So you can't easily get the refresh part.

For example, you can:

link
link

In JS you can actually get the same result using window.open. You can also use a url as the target so you don't need to specify it manually:

link
link

You can also generalize and add a click listener to the document so that certain links are opened this way. Something like this:

    link
    link


sssccc

If the page is in the same domain, you may also try to refresh the page at this time.