忽略 Safari 的初始页面加载弹出状态

Question

我正在使用 pushState 并根据当前页面的 history.state 生成关于 popstate 事件的页面视图。

如果没有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()
    }
}

希望对您有所帮助！