複数のサイト(URL)を同時に開くボタンの作り方

1つのボタンを押すと複数のサイトが開く方法のご紹介です。

この動作は通常のサイトで使うことはありませんし、そもそもブラウザのポップアップブロックなどのセキュリティーで制限されています。

しかし、個人的な検証用やチーム内での便利ツールとして、ボタン1つで管理しているサイトを全部開く機能があると便利なことがあります。

例えば、毎日10個のサイトを必ずチェックしているなら、10回クリックするのと1回で済むのでは大幅に手間が省けます。

今回はそのような検証目的で使える1つのボタンでの複数のリンクを開く方法をご紹介します。

JavaScriptでスクリプトを作る

まず、JSでリンクを開くスクリプトは以下の通りです。

window.open("https://aaa.com","_blank");

このシンプルなスクリプトを複数設定し、1つのボタンクリックに当てはめるだけです。

<div id="Btn">複数開くボタン</div>

<script>
var openBtn = $("#Btn");
openBtn.click(function(){
  window.open("https://aaa.com","_blank");
  window.open("https://bbb.com","_blank");
  window.open("https://ccc.com","_blank");
  window.open("https://ddd.com","_blank");
  window.open("https://eee.com","_blank");
})
</script>

これで「複数開くボタン」をクリックすると5つのサイト(URL)が開くボタンが出来上がります。

ただし、ブラウザの機能で開かないように制限(ポップアップブロック)されてしまうので、これを解除します。