window.openと右クリックの「新しいタブで開く」の違い

Question

###前提・実現したいこと

[仕様]
・画面Aの初期表示で子画面cが開きます
・画面Bの初期表示も子画面cが開きます

###発生している問題
画面Aに画面Bのリンクが貼ってあります。
画面Aから右クリックの「新しいタブで開く」で画面Bを開くと子画面cのウィンドウが新しく立ち上がってしまいます。
画面AからjQueryのwindow.openで画面Bを別タブで開くと画面Aを開いたときに表示された子画面cのウィンドウが使用されリダイレクトされる形になります。

どうしてそのようになるのかがわかりません。ブラウザの仕様でしょうか？
ブラウザはchromeを使用しています。

###該当のソースコード

//画面Aのソース/////////////////////////////////////////
<script type="text/javascript">

//初期表示
openWindowC();

//画面Aで画面Bを開く
$(function(){
   //画面Aで画面Bを開く
  $("button.linkB").click(function(){
       window.open("画面BのURL");
    });
});
</script>

//画面Bのソース///////////////////////////////////////////
<script type="text/javascript">

//初期表示
openWindowC();
</script>

//共通で読み込むjsファイル//////////////////////////////////
//子画面cを開く(画面A、画面B共通)
function openWindowC(){
   var url ="http://xxx/xxx";
   window.open(url,"childWinC","width=600,height=500");
}

Answer 1

Chrome の場合、同じ起源でなければ開かないようです。

2010年にバグとして提出されたこともあるようですがバグではないということなのでしょう。
https://bugs.chromium.org/p/chromium/issues/detail?id=50513

https://developer.mozilla.org/ja/docs/Web/API/window.open
MDNやHTML Living Standardには再利用されると書いてありますが、そもそもこれはDOM Level 0(いまのMDNには書かれていないようですが、前は書いてありました)で挙動が違っていても不思議ではありません。Googleによるセキュリティ、あるいは使い勝手を優先した結果ではないかと思われます。

過去の似た質問
Google Chromeだと同名のウィンドウが複数開いてしまう？
https://teratail.com/questions/29481

Answer 2

jQueryのwindow.open

javascriptの基本機能ですね
window.openは名前を指定して開く処理です

• 名前がない場合は自分自身に開く
• 名前がある場合はその名前のwindowに上書きでひらく
• _blankが指定されていれば新規でひらく

Comments

[megumiro]

画面Aからwindow.openで画面Bを開いた時の子画面cと、「新しいタブで開く」で開いた画面Bの子画面cにはどのような違いがあるのでしょうか？
前者の場合には画面Aで開かれた子画面cウィンドウがリダイレクトされる形になり、後者の場合には新しくウィンドウが立ち上がり子画面cが表示されます。