javascript - 如何执行 "meta refresh"，但前提是页面存在

Question

我的团队使用了一个简单的 SPA，使用的是 angular1。它从 REST 调用中获取大部分数据，但我也有一个“元刷新”标签来偶尔重新加载整个页面，以确保用户偶尔获得小的功能更改。无需将此设置为可选，只需重新加载页面即可。

此策略的一个小烦恼是，当用户有时断开网络连接(例如，在工作和家庭之间旅行)时，页面重新加载失败，并进入错误状态。只需强制重新加载页面就足够简单了，但我希望它更简洁一些，这样它仅在可以到达页面时才重新加载页面。

我注意到 https://davidwalsh.name/meta-refresh-javascript 上的建议。它使用 javascript 进行重新加载，但它不以现有页面为条件。

是否有一个合理的变体，可以在无法到达页面时简单地跳过重新加载，然后在可以到达页面时再次重新加载？

Answer 1

navigator 对象有一个属性online，您可以检查

if(window.navigator.online){
  window.location.reload(); 
}

或者先发出一个ajax head 请求，如果成功则刷新