javascript - Web サイトのリンクを使用してブラウザのタブを変更することはできますか?

Question

基本的に、Google を新しいタブで開くボタン/リンクが必要ですが、そのタブが既に開いている場合は、そのタブにフォーカスするだけです。これは可能ですか？

Answer 1

すこし。私が考えることができる最も近いものは次のようなものです：

<a href="http://www.example.com/" target="example">Link</a>

初めてクリックすると、新しいタブでリンクが開きます。2 回目以降のリンクのクリックでは、最初に開いたタブに移動します (そのタブがその後別のページに移動した場合でも)。リンクを使用せずに開いたタブのページは変更されません。

Answer 2

いいえ。

window.open で開いたウィンドウにフォーカスし、window.focus( MDN ) で参照できる場合があります。

ブラウザによっては、ブラウザ プラグインを使用してこれを実行できる場合があります。

Answer 3

はい、できますし、それは非常に簡単な作業です。ただし、最近では一部のブラウザー (アドオンを使用) が、作成した新しいウィンドウをブロックするか、内部 JavaScript で制御できる「ポップアップ」として認識しないことを覚えておいてください。

適切な方法は次のとおりです。

<script>
var myTab;

function openIt()
{
myTab=window.open('','','width=200,height=100');
myTab.document.write("<p>Some kind of inner text</p>");
myTab.blur(); // this will un-activate opened window/tab
}

function activateIt()
{
myTab.focus();
}
</script>


<input type="button" value="Open" onclick="openIt()">
<input type="button" value="Activate" onclick="activateIt()" />

それを制御するには、window.open() メソッドのドキュメントを参照してください。