javascript - 如何覆盖 JavaScript web api 通知对象

Question

我有一个场景，我需要为电子窗口内的 web 视图中加载的网页打开和关闭通知。为此，我在 webview 中注入了一个 preload 文件，它像这样覆盖 Notification 对象。

window.oldNotification = window.Notification;
window.Notification = function() {
    let notificationEnabled = localStorage.getItem('notification-permissions') === 'true';
    if (notificationEnabled) {
        new window.oldNotification(...arguments);
    }
};

我通过更改本地存储变量来启用和禁用通知。

问题是我要控制的网页正在使用Notification.permission方法（请参阅this）。现在我的新通知对象上没有权限属性。我无法以可以更新其构造函数的方式覆盖 Notification 对象，以便我可以禁用通知并拥有原始 Notification 对象的其他属性。

有没有办法实现这一点，或者这根本不可能？绝对欢迎任何帮助或建议。

标签： javascriptelectron

Answer 1

您可以轻松模拟 Notification API

window.Notification = function() {
  const notificationEnabled = Notification.permission === 'granted';
  return notificationEnabled ? new window.oldNotification(...arguments) : {};
};

Object.defineProperty(Notification, 'permission', {
  get() {
    return localStorage.getItem('notification-permissions') === 'true' ? 'granted' : 'denied';
  }
});

Notification.requestPermission = (callback) => {
  if (typeof callback === 'function') {
    callback(Notification.permission);
  }

  return Promise.resolve(Notification.permission);
};