如何知道页面是使用F5刷新还是使用浏览器后退按钮导航回来

Question

我需要一种能够将页面保持在导航状态的功能，因此我使用本地存储构建它。我在$（document）.ready上添加了删除本地存储，以便在刷新页面时重置视图。我遇到的问题是当我向后导航时，本地存储也被删除。我如何知道页面是使用F5刷新还是使用浏览器后退按钮导航回来？

Answer 1

注意：虽然MDN的文章指出webkit浏览器不支持它，但它们的最新版本在我的计算机上完成。

PerformanceNavigation对象为您提供了这些确切的信息。

它的type属性将返回以下状态代码之一：

  

  
• TYPE_NAVIGATE（0）
    通过链接，书签，表单提交或脚本或在地址栏中键入URL来访问该页面。
  
• TYPE_RELOAD（1）
    单击“重新加载”按钮或通过Location.reload（）方法访问该页面。
  
• TYPE_BACK_FORWARD（2）
    通过导航到历史记录访​​问该页面。
  
• TYPE_RESERVED（255）
    任何其他方式。
  

你可以通过performance.navigation.type获得它。