pageshow的persisted总为false解决方案

以前在项目中使用pageshow，发现页面返回的时候persisted依然为false，这时候只好找其余方案解决。 这时候发现有一个window.performance对象，performance.navigation.type是一个无符号短整型 TYPE_NAVIGATE (0)： 当前页面是经过点击连接，书签和表单提交，或者脚本操做，或者在url中直接输入地址，type值为0 TYPE_RELOAD (1) 点击刷新页面按钮或者经过Location.reload()方法显示的页面，type值为1 TYPE_BACK_FORWARD (2) 页面经过历史记录和前进后退访问时。type值为2 TYPE_RESERVED (255) 任何其余方式，type值为255

这真是咱们须要的部分，因而能够预见，解决方案以下：

window.addEventListener('pageshow', () => {
  if (e.persisted || (window.performance && 
    window.performance.navigation.type == 2)) {
    location.reload()
  }
}, false)
复制代码

博客地址 gitbook小册