IOS（iPhone）のsafariでのみブラウザバック時の判定ができない

Question

ブラウザバック時にモーダルを表示するJSを作った所
ChromeやPCsafariでは表示されるのですがIOSのsafariでのみ正しく動作がされません。

調べても原因がわからず。。どなたかお力添えをいただけませんでしょうか。

宜しくお願い致します。

【例】
AページとBページがあり、Bページでブラウザバックをした際にのみモーダルを表示する。

【正常動作（ChromeやPCsafariなど）】
AページからBページ遷移、Bページでブラウザバックした際にモーダルが表示される。

【異常動作（iPhoneのsafari）】
AページからBページ遷移、Bページでブラウザバックした際にモーダルが表示されない。
なぜか、キャッシュを削除したい状態でBページから開いた際はブラウザバック時にモーダルが表示される時がある。

【コード】

$(function () {
    let hash = location.hash;
    if (hash != '#site') {
        history.pushState(null, null, location.href);
        history.replaceState(null,null,'#site');
    }

    history.replaceState(null, null, null);
    window.addEventListener('popstate', function (event) {
        if (location.hash != '#site') {
　　　　■ここにモーダル表示用の処理
　　　　尚モーダル以外の処理も書いているがどれも反応しない。
        }
    });

});

Comments

[ikedas]

正常動作、異常動作したそれぞれのブラウザの正確なバージョンを記してください (質問文を編集して書き加えてください)。

[ikedas]

あと、location.hashの内容で処理を変えているみたいですが、ご質問の本質とは関係ないと思うので、その部分のif文は取り除けないでしょうか。より単純なコードで現象を再現できたほうが問題の確認がしやすいです。

Answer 1

おそらく、Safari 16で発生した次のバグ (もしくは仕様変更) が原因と思われます。

• Bug 248303: popstate events are not fired for swipe-back gesture

質問者さんからの情報提供がないため、確たることは言えません。参考として記します。

Comments

[daichans]

回答ありがとうございます。
safariの影響のようで問題の解決には至りませんでしたが、ご回答頂けました為ベストアンサーとさせて頂きます。