H5页面在IOS后退不刷新的解决方法

最新推荐文章于 2024-03-05 09:07:45 发布

原创最新推荐文章于 2024-03-05 09:07:45 发布 · 5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#H5 #微信

微信专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一段用于检测是否使用 iOS 设备上的 Safari 浏览器访问网页，并在检测到的情况下实现页面重新加载的 JavaScript 代码。该方法通过正则表达式匹配 userAgent 字符串来判断浏览器类型。

//将此段代码放入页面即可
<script>
    var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
    if (browserRule.test(navigator.userAgent)) {
        window.onpageshow = function(event) {
            if (event.persisted) {
                window.location.reload()
            }
        };
    }
</script>