我的代码适用于 Firefox、Safari 和 MS Edge，但不适用于 Chrome

Question

我的代码适用于 Firefox、Safari 和 MS Edge，但不适用于 Chrome。 （我尝试在线我的网站。不起作用。我的网站可能吗？）

HTML

<button onclick = "bildirim()" >Bildirim yolla</button>

JS

   function bildirim () {

   if (!("Notification" in window)) {
   alert("Your browser does not support Web Notifications API");
   } 

  else if (Notification.permission === "granted") {

  var notification = new Notification('Bildirim', {
  body: '', 
  icon: '',

  });
  setTimeout(function(){
  notification.close();
  }, 3000); 
  }

  else if (Notification.permission !== 'denied') {

  Notification.requestPermission(function (permission) {

  if (permission === "granted") {
    var notification = new Notification('', {
      body: '', 
      icon: '',

    });
    setTimeout(function(){
notification.close();
}, 3000); 
   }
});
}
}

当我尝试离线时，按钮想要打开权限。当我打开它时，它不接受它并希望我重新打开它。它继续进行。不向我发送通知。

当我上传 html 网站时，按钮没有响应。该网站甚至不征求许可。所以我什至没有收到错误。

Chrome 是最新的。

---

已解决

Chrome 在没有 SSL 的情况下无法使用此代码。所以不工作 HTTP:// 工作 HTTPS://。

Answer 1

以下是关于 Chrome 中通知的一些观察：

1. 无法从本地文件 (file://) 发出通知。如果你有本地网络服务器，试着把它放在那里看看它是否有效。它对我有用。
2. 当您将它上传到服务器时，如果它在 iframe 中加载并且 iframe 域与主 windows 域不同，那么如果 iframe 的域尚未允许显示通知，则它不起作用。例如：如果您首先检查https://developer.mozilla.org/en-US/docs/Web/API/notification 上的示例，它不起作用。但是，如果您访问 URL https://mdn.mozillademos.org/en-US/docs/Web/API/notification$samples/Example?revision=1326091，它会要求您获得许可，一旦您允许，它就可以在那里和之前的链接一样工作。另一个例子是https://davidwalsh.name/demo/notifications-api.php。在这里它可以工作，因为 iframe 域和顶部窗口域可能是相同的。
3. 我只在 HTTPS 站点上看到过有效通知。我没有在任何 HTTP 站点上看到它（http://localhost 除外）。因此，（HTTPS）也可能是通知工作的要求之一。

很遗憾，我没有找到任何记录/确认这些观察结果的链接。