如何从 Firefox 扩展覆盖 JavaScript 函数？

Question

我试图拦截所有页面对 document.write 的调用。通过注入像这样的脚本在页面内设置拦截

function overrideDocWrite() {
 alert("Override called");
 document.write = function(w) {
  return function(s) {
   alert("special dom");
   w.call(this, wrapString(s));
  };
 }(document.write);
 alert("Override finished");
}

很简单并且有效，但我希望我的扩展能够从扩展内部为每个文档对象设置拦截。我找不到办法做到这一点。我尝试监听“load”事件并在那里设置拦截，但它也失败了。如何从扩展中挂钩对 doc.write 的调用？

我取得了一些进展：

var myExtension = {
  init: function() {
    var appcontent = document.getElementById("appcontent"); // browser
    if (appcontent)
      appcontent.addEventListener("DOMContentLoaded", myExtension.onPageLoad,
        true);
  },

  onPageLoad: function(aEvent) {
    var doc = aEvent.originalTarget; // doc is document that triggered "onload" event
    // do something with the loaded page.
    // doc.location is a Location object (see below for a link).
    // You can use it to make your code executed on certain pages only.
    alert("Override called");
    alert(doc);
    alert(doc.write);
    alert(doc.wrappedJSObject);
    alert(doc.wrappedJSObject.write);
    doc.wrappedJSObject.write = function(w) {
      return function(s) {
        alert("special dom");
        w.call(this, "(" + s + ")");
      };
    }(doc.write);
    alert("Override finished");
  }
}

这似乎有效，但 DOMContentLoaded 是该作业的错误事件，因为它被触发得太晚了！有更早的活动可以听吗？

Answer 1

复活的问题！我得到了答案。以下是示例代码：

const os    = Components.classes["@mozilla.org/observer-service;1"].getService(Components.interfaces.nsIObserverService);

os.addObserver({
    observe : function(aWindow, aTopic, aData) {
        if (aWindow instanceof Ci.nsIDOMWindow && aTopic == 'content-document-global-created') {
            aWindow.wrappedJSObject.myfunction = function(){
                // Do some stuff . . .
            }
        }
    }
}, 'content-document-global-created', false);

从 gecko 2.0 开始，具有事件 document-element-inserted 的文档也是如此。

Answer 2

JavaScript 使用原型继承系统，对象没有类，而是有原型。原型是真实的对象，用作对其他对象的引用以继承方法和属性。

最好的策略是重写“文档”原型中写入的方法（对于 HTML 文档来说是 HTMLDocument）。这应该有效地包装浏览器中加载的页面内“文档”的所有实例的方法，因为它们都使用相同的原型。

而不是

document.write = function() { ... }

尝试这样的事情：

HTMLDocument.prototype.write= function() { ... }

更新：它似乎并不像我最初想象的那么容易，这似乎在第一次尝试时不起作用。