target="_blank" か URL直接指定で遷移してきたか 判別する方法はありますか？

Question

いつもお世話になっております。

早速本題に入らせていただきます。

下記が今回悩んでいるコードとなります。

setTimeout(function(){
   //3秒後に新規タブを開き、自タブを閉じる
   $url = $('#categoryURL').val();
   window.open($url);
   window.open("about:blank","_self").close(); //直リンクの場合変なタブができる
}, 3000);

target="_blank" で遷移してきた場合はきれいに自画面が閉じ、新規画面が開くのですが、
直接URLを指定してこのページにやってきた場合、
about:blank という名前の中身が真っ白な新規タブができてしまい自タブを閉じることができません。

target="_blank" と 直リンク　を判別する方法があれば教えていただきたいです。

無理なら別の方法を考えます....

Answer 1

自分のwindowを閉じたいのですよね？
結論としてプログラムで自windowを閉じることはできないものと
諦めたほうがよいようです

いままで各ブラウザの仕様の隙間を狙ったハックとして例示のような
方法も提案されてきましたが、セキュリティ上の理由から
対処がされていまはこのやり方はできないと思います

Comments

[azuapricot]

無理ですよね・・・ﾔｯﾊﾟﾘ・・・ありがとうございます。

Answer 2

無理なら別の方法を考えます....

それ以前の問題として、setTimeout内でwindow.openすること自体が、環境によってはポップアップブロックに引っかかってしまってうまくいかない気もします。

Comments

[azuapricot]

window.open は timeoutの外でやっても良いのです...closeが....

Answer 3

閉じることができるかどうかはここを見てもらうとして
https://teratail.com/questions/19245
http://abbadabba.coolk2.com/915/

「target="_blank" で遷移してきた」か、「直接URLを指定してこのページにやってきた」かは opener を見ることである程度わかります。
https://developer.mozilla.org/ja/docs/Web/API/window.opener
最近のブラウザは親が閉じられたときに opener.closed が true になるのではなく、opener 自体が null になってしまうようになっているため区別がつきませんが、3秒以内なら閉じられていないと思って処理してもいいのではないでしょうか？

Answer 4

諦めました！！！

ご回答いただきましたお二方大変参考になりました。ありがとうございます。
（私もタブくらい自分で閉じれば良いと思います、そうですよね、普通）

閉じるのは諦めて、自画面遷移 → ブラウザバックできないようにする
という方向に変えました。

location.replace($url);

一応これで新しいページを開けるし、ブラウザバックしても戻れない（その１個前に戻る）＝自画面消滅

みたいなコードになりました。

ありがとうございました。

Comments

[miyabi_pudding]

素晴らしい作戦かと思います。
（今度自分でも使ってみよう）

[azuapricot]

jQuery・JavaScriptとは今後も格闘していくことになりそうです・・・

Answer 5

windowを閉じることができないことは、他の回答者さんが、おっしゃっている通りなので、

target="_blank" と 直リンク　を判別する方法があれば教えていただきたいです。

ここに関して、タイトルでの要件でもありますので回答させていただきます。
リファラーを使って、判別する方法です。

if (document.referrer.length == 0) {
  alert('直リンクできたからリファラがないよ');
} else {
  alert('リンククリックできたからリファラがあるよ');
}

つまり、リンク元のURLが出るかでないかによって、判別が可能です。
（target="_blank"でもリファラは残ります）

もっとも、質問の要件には答えられているかと思いますが、質問者さんの目的を果たせる内容ではないですが。。。
（判別できても直アクセスの場合、同ウィンドウは閉じれない）