iOSのwifi認証成功後のsplash画面からブラウザに遷移させたい

Question

splash画面からブラウザに遷移させたいのですがうまくいきません。

認証成功画面に新規ブラウザに遷移するボタンを設置しています。
このボタンを押して、新規ブラウザを立ち上げるようにしたいです。

pcだと正常に
認証画面(ブラウザ）　→　リダイレクトURL先（ブラウザ）
で動きます。
pcの認証画面はsplash画面ではなく元々ブラウザなので当然ですが、、、

しかし、iOSだと現状は
認証画面(splash画面)　→　リダイレクトURL先(splash画面内)
で遷移してしまいます。
本来は
認証画面(splash画面)　→　リダイレクトURL先(新規ブラウザ)
としたいです。
（スマホで特殊な形で出てくる認証画面はキャプティブ画面というのかな？？）

wifi認証時のsplash画面は認証成功前だと右上に”キャンセル”となっており、
認証成功すると”完了”と変わり、”完了”状態だと新規ブラウザを立ち上げられるはずなのでが、、、
例えば下記のような画面です。

下記のように２パターン試しましたが、だめでした。

<div class="btn" onClick="btn()">BUTTON</div>

<a href="URL" target="_blank">link</a>

function btn() {
  #パターン１
  location.href("URL");
  
  #パターン２
  window.open('URL','_blank');
};

<a>リンクだと”link”を押すと
「Safariに移動しますか？」と出て、「はい」を選択すると新規ウィンドウに移動しました！
これがなぜjsだとできないのでしょうか？！

iOSのwifi認証成功後のsplash画面からブラウザに遷移させることは不可能なのでしょうか？

Comments

[x_x]

「splash画面」の説明をお願いします

[kozica]

wifi接続時に立ち上がるsplash画面でwifi認証画面からsuccess画面となります。。そのsuccess画面に設置しているボタンを押すとブラウザに遷移するようにしたいです。

[x_x]

その画面はブラウザではないのですね？　JavaScriptが動く以前の問題であれば、JavaScriptの出番はないかと

[kozica]

pcだと普通に動くのでjsは動いてます。ただ、iOSのときだけsplash画面内で遷移してしまいます。wifi認証成功し、splash画面内の右上に出てくる”キャンセル”が”完了”に変わったあとだと新規ブラウザを立ち上げれるはずなのですが、、、

Answer 1

aタグで動くのならこれでいかがでしょうか？(iOS持ってないので未確認です)

function openTab () {
    var a = document.createElement('a');
    a.href = 'https://google.co.jp';
    a.target = '_blank';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}

---

余談ですが、スプラッシュ画面というのは普通アプリの立ち上げ時に表示する画面のことを指します。