访问任何站点的服务工作者上下文/世界/执行环境以通过浏览器插件代理 self.registration.showNotification？

问题描述

我想创建一个浏览器扩展，它的核心是代理 registration.showNotification 函数，然后根据插件中设置的规则进行过滤。代理 window.Notification 是微不足道的，但我什至无法解决这个问题。我知道我可以获得 Service Worker 注册，但重新分配 showNotification 似乎不是永久性的，而且实际上似乎不起作用，除非我是通过控制台调用该函数的人。

我的“最后手段”想法（这似乎很难）是拦截和修改传入请求，以通过 showNotification 或类似方法修改 window.postMessage 函数 - 但我希望这是最后的手段。

有什么可以想象的方法来做我在这里想做的事情吗？或者也许是我缺少的 API？根据我目前的研究，我的猜测是否定的。我在 JS 方面不是最有经验的，所以我想我会试一试这个问题。如果这有所作为，我将使用 Firefox。

解决方法

在 Firefox Addons Store 上有一个类似的扩展程序 Service Worker Control，您可以在 MPL 许可下找到它的源代码 here。

现在，更具体地说，我知道您想要拦截或更改 showNotification 函数，这可以通过类似于下面的代码（改编自上述引用的来源的 snippet）来实现：

const showNotification_backup = ServiceWorkerRegistration.prototype.showNotification

function showNotification(title,options) {
    const obj = { type: 'notification',isInjected }
    try {
        const sw = this.installing || this.waiting || this.active
        obj.url = typeof sw === 'object' && sw ? '' + sw.scriptURL : undefined
    } catch { }
    try { obj.scope = '' + this.scope } catch { }
    try { obj.title = '' + title } catch { }
    try { obj.body = '' + options.body } catch { }
    send(obj)
    return showNotification_backup.apply(this,arguments)
}

if (setupCondition) {
    ServiceWorkerRegistration.prototype.showNotification = showNotification
} else {
    exportFunction(showNotification,ServiceWorkerRegistration.prototype,{ defineAs: 'showNotification' })
}

其中 exportFunction 是 XPCOM API 的一部分，从而改变了 ServiceWorker 的原型。

编辑

如评论中所述，XPCOM 已过时且几乎完全弃用，您只需修改 Service Worker 注册的原型，如下所示：

let registrations = await navigator.serviceWorker.getRegistrations()

if (registrations.length > 0) {
    Object.getPrototypeOf(registrations[0]).showNotification = showNotification
}

这确实直接修改了原型链方法，这不是一个好的 JS 实践，但是考虑到给定的 showNotification 函数将参数应用于原始函数，它有点扩展它。