Skip to main content

页面状态

判断页面是首次被加载还是刷新​

利用 window.name 属性在页面刷新时不会重置判断（在该属性空置的情况下可使用）​

if (window.name == "") {
  console.log("首次被加载");
  window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值
} else if (window.name == "isReload") {
  console.log("页面被刷新");
}

与 window.name 实现方法类似在首次加载时设置一个固定值 之后判断即可 这里以 sessionStorage 来为例

if (sessionStorage.getItem("isReload")) {
  console.log("页面被刷新");
} else {
  console.log("首次被加载");
  sessionStorage.setItem("isReload", true);
}

可以使用 window.chrome 对象 （该方法只在谷歌浏览器中可用 其他浏览器无 chrome 对象）​

该对象提供了一个 loadTimes() 方法 执行该方法我们会得到一个有关页面性能的对象 其中有一个 navigationType 属性可以帮助我们判断页面是加载还是刷新 它有两个值 Reload（刷新） 和 Other（首次加载）

但是官方说明该方法被弃用了 让我们使用 标准化 API： Navigation 所有上面代码需要改下：(通过 if 判断)

if (window.performance.navigation.type == 1) {
  console.log("页面被刷新");
} else {
  console.log("首次被加载");
}

参考​

使用 JS 判断页面是首次被加载还是刷新