JS：在前向后导航移动后重新加载（）整个网站

Question

我的项目是使用简单的css和js，gsap用于时间轴和动画的单页页面。

我测试了通过window.location.reload（）的“ onclick”按钮重新加载我的网站。效果很好！

如果用户在浏览器历史记录中滑动，我会尝试：

window.addEventListener('pageshow', function (e) {
    if(e.persisted) {
        window.location.reload();
    }

在台式机上有效。在iOS移动上纯属混乱。似乎脚本已加载几次，性能很慢，所有浏览器都无法在android上测试...

使用浏览器历史记录导航后如何在移动设备上重新加载整个网站？

br chris

Answer 1

因为pageshow在load之后运行，所以，您可以：

window.addEventListener('pagehide', function(e) {
    var $body = $(document.body);
    $body.children().remove();
    // after callback, run this script
    setTimeout(function() {
        $body.append("<script type='text/javascript'>window.location.reload();<\/script>");
    });
});