iOSのSafariでWindow.openできなかった話

はじめに

RustとWebAssemblyを使って入力文字が流れる電光掲示板ツール的なのを作った際に

手持ちのiPhoneのChromeブラウザではWindow.openできたので確認を怠っていたが、

SafariだとWindow.openができず、遷移できていないことを発見した。

電光掲示板ツールについて

原因

調べてみたら結構あるあるらしく、下記の記事で原因と解決方法をまとめられていた。

どうやらポップアップがブロックされているらしい。

解決方法

上記の記事と同じように修正する

script.js

 if (!window.open("./flow.html?" + speedparam)){
    location.href = "./flow.html?" + speedparam; // ios/safari対応
 } else {
    window.open("./flow.html?" + speedparam);
}

下記iPhone上でのデモサイト画像

まとめ

同じWebkitベースのiOSのChromeで動いたからといって

Safariでも同じように動くわけではないと改めて実感しました。😔

学習用デモサイトだからといって調査を怠ってしまったので今後はこのようなことが無いように

注意していきたい。💪