桌面通知未出现在 Chrome 中

Question

我已经验证Notification.permission === 'granted'，并且，'Notification' in window == true尽管以下 Javascript 不会在我的 Chrome 浏览器中显示通知，版本 70.0.3538.77（官方版本）（64 位）。

var notif = new Notification('title', {
    icon: 'https://placehold.it/120x120',
    body: 'body'
});

我已经在 Chrome 控制台中执行了上述我知道我以前允许桌面通知的站点。我还验证了它在此位置设置为允许：

Answer 1

最近有同样的问题。我的解决方案是在 chrome://flags 中禁用“启用本机通知”。我无法看到通知的原因是因为浏览器想要显示本机通知，而我禁用了所有 Windows 通知。希望它会在将来对某人有所帮助:)

Answer 2

好吧，我写信以防万一有人觉得它有用。

我也遇到了这个问题，我尝试了不同的网站但没有成功。但是，@Don Reptile 的回答给了我一个可能出错的提示（我阻止了本机通知）。

我在 Windows 10 上，这是我从 Chrome 启用本机通知的地方。

Answer 3

在我的机器上，MacOS 在操作系统级别阻止了 Chrome 通知。

修复方法是：系统偏好设置 > 通知和焦点 > 启用 Chrome

Answer 4

无法打开对话框的问题是http。Chrome 桌面通知仅适用于https协议。

我遇到过这个问题，并且花了很多时间来解决它。最后我得到了使用 https 的解决方案。

在这里我分享了代码，这样你就可以在 https 上运行并且它会正常工作。

// request permission on page load
document.addEventListener('DOMContentLoaded', function() {
  if (!Notification) {
    alert('Desktop notifications not available in your browser. Try Chromium.');
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();
});

function notifyMe() {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('Notification title', {
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
      body: "Hey there! You've been notified!",
    });

    notification.onclick = function() {
      window.open("http://stackoverflow.com/a/13328397/1269037");
    };
  }
}

notifyMe();

来电notifyMe();显示通知