删除HTML5通知权限

Question

您可以通过运行提示用户允许或拒绝来自浏览器的桌面通知

Notification.requestPermission(callback);

但有可能通过代码删除该权限吗？我们希望我们的用户可以选择切换通知。这可以通过JavaScript实现吗？还是我们需要将该选项保存到其他地方？

Answer 1

查看MDN和WHATWG的通知文档，似乎没有请求撤销权限的方法。但是，您可以使用localStorage来模拟您自己版本的权限，以支持缺少的功能。假设您有一个可切换通知的复选框。

<input type="checkbox" onChange="toggleNotificationPermission(this);" />

您可以将记住的权限存储在本地存储的notification-permission密钥下，并更新权限状态，类似于：

function toggleNotificationPermission(input) {
    if (Notification.permission === 'granted') {
        localStorage.setItem('notification-permission', input.checked ? 'granted' : 'denied');
    } else if (Notification.permission === 'denied') {
        localStorage.setItem('notification-permission', 'denied');
        input.checked = false;
    } else if (Notification.permission === 'default') {
        Notification.requestPermission(function(choice) {
            if (choice === 'granted') {
                localStorage.setItem('notification-permission', input.checked ? 'granted' : 'denied');
            } else {
                localStorage.setItem('notification-permission', 'denied');
                input.checked = false;
            }
        });
    }
}

您可以检索权限为：

function getNotificationPermission() {
    if (Notification.permission === 'granted') {
        return localStorage.getItem('notification-permission');
    } else {
        return Notification.permission;
    }
}

当您想要显示通知时，请检查您的权限：

if (getNotificationPermission() === 'granted') {
    new Notification(/*...*/);
}

Answer 2

不，脚本无法以编程方式放弃显示通知的权限。除了requestPermission之外，API规范没有任何与权限相关的功能。（当然，浏览器可能有一个选项菜单，允许用户撤销对域的权限，但这是浏览器级别的选项，而不是网站级别的选项。例如，在Chrome中，您可以通过单击地址栏左侧的图标来查看此选项菜单。）

如果您不想显示通知，请简单地不要调用new Notification。

您可以在条件内将所有呼叫包裹到new Notification

if(notifications_allowed) {
    new Notification(...);
}

或者，您可以重写Notification构造函数以包含一个条件，并根据需要调用原始Notification：

(function() {
    var oldNofitication = Notification;
    Notification = function() {
        if(notifications_allowed) {
            oldNotification.apply(this, arguments);
        }
    }
})();

如果您使用以供应商为前缀的构造函数或函数（例如webkitNotifications.createNotification），那么您还需要重写其中的每一个，使其以选项变量为条件。