新しいタブで URL を開くか、可能な場合は既存の URL を再利用して、ブラウジング エクスペリエンスを最適化します。

Question

リンクができました

<a href="blabla" target="_blank">リンク</a>

ただし、常に新しいタブが開きます。次のような効果が欲しいです

1. ユーザーが同じ URL のタブをすでに持っている場合は、そのタブを再利用し、可能であれば更新してください
2. それ以外の場合は、新しいタブを開きます

JavaScript を使用してこれを実現するにはどうすればよいですか?

ブラウザ固有のメソッドがいくつかしかなくても大丈夫なので、対応してサポートされているブラウザを持たないユーザーは常に新しいタブのアプローチに「フォールバック」します。

Answer 1

Settingtarget="child"現在のタブを更新します (すでに開いている場合)

リーリー

Answer 2

特定のウィンドウの名前を設定して、再利用されたタブを開くことができます。問題は、href が同じである限り、リロードされないことです。したがって、refresh 部分を簡単に取得することはできません。

たとえば、次のことができます:

リーリー

JS では、window.open を使用して実際に同じ結果を得ることができます。 URL を target として使用することもできるため、手動で指定する必要はありません:

リーリー

また、クリック リスナーを一般化してドキュメントに追加し、特定のリンクがこの方法で開かれるようにすることもできます。このようなもの： ＃＃＃ リーリー

ページが同じドメインにある場合は、この時点でページの更新を試みることもできます。