通过Microsoft Edge通知在Windows 10操作中心中设置顶部图标

时间:2018-09-21 14:56:19

标签: javascript html5 notifications windows-10 microsoft-edge

我无法设置从Microsoft Edge中的网站发送的通知的顶部图标。对于这种情况,此代码是一个很好的示例:

Notification.requestPermission(function (permission)
{
    if (permission == "granted")
    {
        new Notification("Test", {});
    }
});

请尝试从https://stackoverflow.com执行此代码。可能会提示您授予权限,然后您应该在Windows 10操作中心中看到此权限:

stackoverflow.com Notification

注意“ stackoverflow.com”左侧的图标。它是图标或至少一个看起来像它的图标。但是在我经营的其他网站上,我无法可靠地填充该图标。

例如,我操作https://mav3riq.tv。当我在该网站上运行上述代码时,请注意,即使在Microsoft Edge的网站选项卡中填充了正确的图标,“操作中心”中的图标还是某种默认的蓝色图标:

标签:

mav3riq.tv tab

通知:

mav3riq.tv Notification

有人可以告诉我如何可靠地填充顶部图标吗?谢谢。

2 个答案:

答案 0 :(得分:0)

根据文档,此方法已更新。

下面是新语法。

Notification.requestPermission().then(function(permission) { ... });

示例:

Notification.requestPermission().then(function(result) {
  if (result === 'denied') {
    console.log('Permission wasn\'t granted. Allow a retry.');
    return;
  }
  if (result === 'default') {
    console.log('The permission request was dismissed.');
    return;
  }
  // Do something with the granted permission.
});

参考:

Notification.requestPermission()

Using the Notifications API

我建议您使用新语法,然后再次尝试进行测试。它可以帮助您解决问题。

答案 1 :(得分:0)

我再次尝试对您的代码进行测试,发现可以为Edge的Action Center大部分网站设置顶部图标。

下面是我的测试结果。

enter image description here

但是对于该网站,它会显示蓝色图标。

enter image description here

我认为Action Center正在从网站获取此图标,并且某些网站可能无法使用此图标。因此,在这种情况下,它会显示默认的蓝色图标。