JavaScript window.open でウィンドウへのタブ追加

お世話になっております。

JavaScriptのwindow.open()の使用についてお尋ねしたいことがあります。

現在、下記のように二つのファンクションで別のHTMLを新規ウィンドウにて呼び出す機能を実装しようとしています。(両functionとも、onClickでの実行です)

実現したいこととしては、

新規のウィンドウは一つにしたい。
既にウィンドウが開かれている場合、そのウィンドウにタブとして追加したい。

JavaScript
1function sample1(){
2  var win = window.open("xxx.html", "subWindow", "width=600,height=500");
3}
4
5
6function sample2(){
7  var win = window.open("yyy.html", "subWindow", "width=600,height=500");
8}

試したこと

上記コードで試してみたところ、最初の実行では新windowが開かれる。
が、その状態でもう一方を実行するとタブ追加されない。

調べてみたところ、FireFoxではoptionのtoolbarをyesにするとタブバーが表示されるようですが…。

補足情報

IE11を既定ブラウザにするようにとされているので、IE11での動作を想定しています。
OSはwindows7のサポート切れもあるのでwindows10の想定です。

以上、ご助力のほどよろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

ブラウザの仕様上、タブ追加は不可能です。
https://developer.mozilla.org/ja/docs/Web/API/Window/open

どのようにして、リンク先の参照リソースを新しいタブ、
あるいは、指定したタブに開くのですか？

現在のところ、できません。

投稿2019/05/22 03:27

yasutomi

総合スコア2941

soarei

2019/05/29 01:01

ご回答ありがとうございます。納得しました。

行動規範の内容に同意します

ブラウザやブラウザの設定に依存してしまうため確実にはできないですが

JavaScript
1var win;
2function sample1() {
3  if (win && !win.closed) {
4    win.open("xxx.html", "_blank");
5  } else {
6    // オプションをつけないとタブを持てるウィンドウが開かない。
7    win = window.open("xxx.html", "subWindow", "width=600,height=500,menubar,toolbar,location,resizable,scrollbars");
8  }
9}