如何监听网络通知权限变化

Question

根据 MDN 的 Notification.permission 规范，我们可以检查当前用户对 Web 通知的权限。

但是，有什么方法可以监听此权限更改？像这样？

.on(Notification.permission, 'changed', function(){ }

Answer 1

我相信现在回答有点晚了，但是……你可以用这个。

var Notification = window.Notification || window.mozNotification || window.webkitNotification;

var was_questioned = false;
if (Notification.permission == 'default') {
    was_questioned = true;
}

Notification.requestPermission(function (permission) {
    if (was_questioned) {
        console.log("User was asked. New permission is: " + permission);
    }
    if ('permissions' in navigator) {
    navigator.permissions.query({name:'notifications'}).then(function(notificationPerm) {
        notificationPerm.onchange = function() {
            console.log("User decided to change his seettings. New permission: " + notificationPerm.state);
        };
    });
    }
});

Answer 2

你只需要

if ('permissions' in navigator) {
  navigator.permissions.query({ name: 'notifications' }).then(function (notificationPerm) {
    notificationPerm.onchange = function () {
      console.log("User decided to change his seettings. New permission: " + notificationPerm.state);
    };
  });
}