检查浏览器通知是否在 Firefox 中被临时禁用

Question

可以通过Notification.permission属性检查浏览器通知的权限。

在 Firefox 中，用户可以暂时禁用浏览器通知。这意味着当打开新标签页或窗口时，浏览器将请求再次显示通知的权限。

当用户暂时拒绝权限并且我检查Notification.permission 属性时，它返回default。

当我运行以下脚本时，我在控制台中得到 browser notifications where allowed 作为输出。

Notification.requestPermission().then((result) => {
    console.log(result);
});

但是当我尝试显示通知时，什么也没有发生（因为它们被暂时禁用）。

---

如何检查浏览器通知是否已在 Firefox 中被临时禁用？

我可以使用以下脚本，但它是一个丑陋的解决方法，它会触发浏览器请求许可的对话框。我可以做点别的吗？

var calculateBrowserNotificationPermission = () => {
    return new Promise(function(resolve, reject) {
        var permission = Notification.permission;
        if(permission !== 'default') {
            resolve(permission);
            return;
        }

        Notification.requestPermission().then((result) => {
            if(result === 'default') {
                resolve('temporary_denied');       
            } else {
                resolve(result);
            }
        });
    });
};

---

如果还没有这样的功能，最好的地方是哪里？

编辑 1：我在 WHATWG 的通知库中打开了 an issue。

编辑 2：我已经关闭了 github 问题，如果我已经按照 @jib 的建议向用户请求权限，我将继续存在。

Answer 1

但是当我尝试显示通知时没有任何反应

您使用的 API 有误。 requestPermission 不会拒绝拒绝，它会以结果解析：

(async () => {
  try {
    console.log(await Notification.requestPermission()); // denied
  } catch (e) {
    console.log(e); // never gets here
  }
})();

此处除granted 以外的任何结果都表示您未获得许可。试试看here。

• granted 表示您获得了执行通知的持久权限。
• denied 表示用户选择永久屏蔽你。
• default 表示用户选择不允许这个时间（在 Firefox 中启动临时阻止）。

如何检查浏览器通知是否已在 Firefox 中被临时禁用？

仅当您询问用户两次并且他们已经在同一会话中说“不”一次时，才会在 Firefox 中发生临时阻止。进行页面刷新 ↻ 的用户应该删除该块。 Firefox 目前正在保护用户免受网站的骚扰。

如果您尚未询问他们，default 表示将提示用户。弄清楚你是否已经拥有，希望很容易，如果你拥有，就不要再打扰他们了。