通知 HTML5 在 Chrome 本地工作吗？

Question

我正在尝试在 Chrome 中创建通知。 我已经编写了这个简单的代码，但是 CHrome 中显示了通知，而checkPermission()返回了0 。

我和这个网站（示例）做同样的事情，它在我的 Chrome 浏览器中运行良好。

if (window.webkitNotifications.checkPermission() == 0) {
  window.webkitNotifications.createNotification("icon.png", "title", "text").show();
} else {
  window.webkitNotifications.requestPermission();
}

问题出在哪儿 ？

[编辑：问题已修复]

事实上，我允许在 Chrome 设置中显示来自所有网站的通知，现在，它工作正常！

Answer 1

请求权限仅适用于用户手势（请参阅下面的问题，并引用文档中的内容）。

简而言之，您需要注册一个点击事件或类似的东西，然后请求许可。

document.querySelector('#show_button').addEventListener('click', function() {
  if (window.webkitNotifications.checkPermission() == 0) { // 0 is PERMISSION_ALLOWED

    var notification = window.webkitNotifications.createNotification(
        'icon.png', 'Notification Title', 'Notification content...');
      notification.show();
  } else {
    window.webkitNotifications.requestPermission();
  }
}, false);

这是一个jsfiddle

Webkit 通知 requestPermission 功能不起作用
requestPermission 请求用户代理请求用户允许显示来自脚本的通知。 这个方法应该只在处理用户手势时调用； 在其他情况下，它不会产生任何影响。 此方法是异步的。 当用户响应权限请求时，将调用回调中提供的函数。 如果当前权限级别为 PERMISSION_DENIED，则用户代理可能不会响应 requestPermission 采取任何行动。