将代码附加到方法

Question

我试图将一些代码附加到 XMLHttpRequest 对象的方法中，但有些东西不起作用。相关代码：

XMLHttpRequest.prototype.oldOpen = XMLHttpRequest.prototype.open;
var newOpen = function(method, url, async, user, password) {
    alert( "[debug info]" );
    this.oldOpen(method, url, async, user, password);
}
XMLHttpRequest.prototype.open = newOpen;

当调用 open() 时，警报响起，但原始函数没有被调用。这是为什么呢？

作为参考，它是 GreaseMonkey 脚本的一部分，用于监听 XHR 流量。完整脚本如下：

var XMLHttpRequest = unsafeWindow.XMLHttpRequest;

var startTracing = function () {
    XMLHttpRequest.prototype.uniqueID = function() {
        // each XMLHttpRequest gets assigned a unique ID and memorizes it 
        //  in the "uniqueIDMemo" property
        if (!this.uniqueIDMemo) {
            this.uniqueIDMemo = Math.floor(Math.random() * 1000);
        }
        return this.uniqueIDMemo;
    }

    // backup original "open" function reference
    XMLHttpRequest.prototype.oldOpen = XMLHttpRequest.prototype.open;
    var oOpen = XMLHttpRequest.prototype.open;

    var newOpen = function(method, url, async, user, password) {
        alert("open: " + method + "," + url + "," + async + "," + user + "," + password );
        this.oldOpen(method, url, async, user, password);
    }

    XMLHttpRequest.prototype.open = newOpen;

}

startTracing();

Answer 1

我尝试了这个，这本质上是对您的代码的重写，并且效果很好。这是我的整个油脂猴脚本。

// ==UserScript==
// @name           sof
// @namespace      taylor.kelly.sof
// @description    Stack overflow testing
// @include        http://localhost:8080/tests/sof.html
// ==/UserScript==

var XMLHttpRequest = unsafeWindow.XMLHttpRequest;
var startTracing = function () {
    // backup original "open" function reference
    var open = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
        alert("open: " + method + "," + url + "," + async + "," + user + "," + password );
        open.apply(this, arguments);
    }
}

startTracing();

Greasemonkey 脚本加载时存在计时问题。您可能需要等待 window.onload 在测试页面上启动 XHTTPRequest。

我还建议您的 uniqueId 方案可能会发生一些冲突。将 new Date().getTime() 与 Math.random 结合使用会将其减少到接近 0。类似于：

new Date().getTime() + '' + Math.floor(Math.random() * 1000）