如何覆盖 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");
}

简单且有效，但我希望我的扩展程序能够从扩展程序内部为每个文档对象设置拦截。我找不到办法做到这一点。我试图监听“加载”事件并在那里设置拦截，但它也失败了。如何将分机的呼叫挂接到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 使用原型继承系统，对象没有类，而是有原型。原型是真实的对象，用作对其他对象的引用以继承方法和属性。

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

代替

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

试试这样的：

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

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