从 Chrome 扩展程序中挂钩 Websockets

Question

我正在尝试创建一个 Chrome 扩展内容脚本，它可以挂钩特定页面的 WebSocket。目前，当访问页面时，内容脚本会向页面注入另一个脚本，如下所示：

    var s = document.createElement('script');
    s.src = chrome.extension.getURL('Script.js');
    s.onload = function () {
        this.remove();
    };
    (document.head || document.documentElement).appendChild(s);

然后我的 Script.js 包含一个用于 websockets 的 addEventListener 。

Window.WebSocket.addEventListener("message",function(event){
console.log("Websocket read");
})

但是当我运行扩展时，我收到错误无法读取未定义的属性 addEventListener。所以我不完全确定这是否是正确的方法。我已经验证该脚本确实已注入页面，但我如何在页面的原始 onmessage WebSocket 之上覆盖或创建自己的侦听器。是否可以？

Answer 1

你能尝试一下这个吗？

s.onload = function () {
  this.parentNode.removeChild(this);
};