javascript - Chrome 的预取会重新加载桌面通知

Question

在 Chrome 中使用通知 API 时，我遇到了一个奇怪的错误。我有一个页面，它从 Cookie 加载一些通知，并使用通知 API 在页面加载时显示它们。如果我然后使用超链接转到第二页，然后开始更改 URL 地址，那么当我到达第一页的地址时，甚至在按 Enter 之前，我都会再次弹出通知。我认为这与 Chrome 巧妙的预取方式有关。我有办法阻止这一切吗？

这是我目前拥有的代码:

var desktop_notification_options = {
  body: text.text(),
  icon: this.settings.icon,
  tag: text.text()
};

var desktop_notification = new Notification('', desktop_notification_options);

setTimeout(desktop_notification.close.bind(desktop_notification),
            this.settings.desktop_notification_timeout);

我意识到，如果我在该页面上添加 alert('') ，此操作就会停止(大概是因为 chrome 的预取无法跳过警报)，但这不是一个合理的解决方案。

非常感谢任何帮助。

Answer 1

我找到了一个快速修复方法。我在显示通知之前检查了 document.visibilityState，并且仅在将其设置为 visible 时才显示它们。更多信息请点击:http://www.w3.org/TR/page-visibility/#dom-document-visibilitystate