javascript - 忽略 Safari 的初始页面加载 popstate

Question

我正在使用 pushState 并根据当前页面的 history.state 在 popstate 事件上生成页面 View 。

如果没有history.state我(希望)重新加载文档。

window.onpopstate = function(event) {
    if( window.history.state !== null ){
        // page was ajax created and history created by pushState
        // recreate with ajax
    }
    else{
        // page was loaded from server normally
        document.location.reload()
    }
}

问题是 Safari 在初始页面加载时触发 popstate 事件。 Chrome 和 Firefox 在后退/前进浏览器按钮上触发 popstate。

我想忽略 Safari 上的初始加载 popstate 事件(理想情况下没有 setTimeout 并且没有浏览器检测)。

此外，该站点是混合链接 - 一些会触发 pushState，一些会从服务器正常加载 - 因此如果用户进入导航历史记录十页并单击后退按钮，历史记录将混合在一起pushState 页面和非 pushState 页面。

Answer 1

我已经解决了将从 window.history.state.order 获得的初始订单值保存在变量中的问题。当触发 on popstate 事件时，会将之前存储的值与当前订单值进行比较。如果它们相同，则无需执行任何操作(您必须忽略 Safari 触发的初始 popstate 值)。在这里你可以看到和例子:

var initial_oder = window.history.state.order || 0;    
window.onpopstate = function(event) {
    if( window.history.state !== null && window.history.state.order !== initial_order){
        // page was ajax created and history created by pushState
        // recreate with ajax
    }
    else{
        // page was loaded from server normally
        document.location.reload()
    }
}

希望对您有所帮助!