在谷歌浏览器标签中显示通知

Question

我只是在网络浏览器中试验通知 API...我想向用户显示一个简单的通知。

if (Notification.permission !== "granted") {
  console.log('requesting permission for notifications'); // 1
  Notification.requestPermission().then(function(result) {
    if (result === 'denied') {
      console.log('Permission wasn't granted. Allow a retry.'); // 2
      return;
    }
    if (result === 'default') {
      console.log('The permission request was dismissed.');
      return;
    }
  });
}

现在，记录语句 1 和 2。但我从未见过任何对话。如何为某个 URL 启用通知？

有没有办法以编程方式为 URL 启用通知？

Answer 1

如果您

尝试在Chrome ext.中创建通知，请参阅以下代码/文档。

chrome.notifications.create('go ahead', {
        title: 'notification title',
        message: 'my notification message',
        type: 'basic',
        iconUrl: 'https://material.io/icons/static/images/icons-180x180.png'
      },
      function () {
        console.log('notification callback fired.');
      });

在Manifist.json中添加权限

"permissions": [
   "notifications"
],

确保也 chrome://extensions 页面上重新加载扩展程序 有关更多详细信息，请参阅此文档 https://developer.chrome.com/apps/notifications