我正在使用 Selenium 测试 Web 应用程序，并且不允许修改该应用程序的 javascript 代码。我试图通过使用 GreaseMonkey 覆盖 XMLHttpRequest.send 来跟踪未完成的 AJAX 请求的数量。新的 send() 将基本上包装设置为 onreadystatechange 回调的内容，检查 readyState，适本地递增或递减计数器，并调用原始回调函数。

我遇到的问题似乎是一个权限问题，因为如果我只是在普通的 firefox 浏览器中浏览到一个页面，打开 firebug 并粘贴以下代码，它似乎工作正常:

document.ajax_outstanding = 0;
if (typeof XMLHttpRequest.prototype.oldsend != 'function') {
    XMLHttpRequest.prototype.oldsend = XMLHttpRequest.prototype.send;
    XMLHttpRequest.prototype.send = function() {
        console.log('in new send');
        console.log('this.onreadystatechange = ' + this.onreadystatechange);
        this.oldonreadystatechange = this.onreadystatechange;
        this.onreadystatechange = function() {
            if (this.readyState == 2) {
                /* LOADED */
                document.ajax_outstanding++;
                console.log('set ajax_outstanding to ' + document.ajax_outstanding);
            }
            this.oldonreadystatechange.handleEvent.apply(this, arguments);
            if (this.readyState == 4) {
                /* COMPLETED */
                document.ajax_outstanding--;
                console.log('set ajax_outstanding to ' + document.ajax_outstanding);
            }
        };
        this.oldsend.apply(this, arguments);
    };
}

现在，如果我在 GreaseMonkey 用户脚本中使用该代码段的稍微修改版本，如下所示:

unsafeWindow.document.ajax_outstanding = 0;
if (typeof unsafeWindow.XMLHttpRequest.prototype.oldsend != 'function') {
    unsafeWindow.XMLHttpRequest.prototype.oldsend = unsafeWindow.XMLHttpRequest.prototype.send;
    unsafeWindow.XMLHttpRequest.prototype.send = function() {
        GM_log('in new send');
        GM_log('this.onreadystatechange = ' + this.onreadystatechange);
        this.oldonreadystatechange = this.onreadystatechange;
        this.onreadystatechange = function() {
            if (this.readyState == 2) {
                /* LOADED */
                unsafeWindow.document.ajax_outstanding++;
                GM_log('set ajax_outstanding to ' + unsafeWindow.document.ajax_outstanding);
            }
            this.oldonreadystatechange.handleEvent.apply(this, arguments);
            if (this.readyState == 4) {
                /* COMPLETED */
                unsafeWindow.document.ajax_outstanding--;
                GM_log('set ajax_outstanding to ' + unsafeWindow.document.ajax_outstanding);
            }
        };
        this.oldsend.apply(this, arguments);
    };
}

然后我转到一个页面，执行一些导致 AJAX 请求的操作，我在 javascript 错误控制台中收到以下消息:

http://www.blah.com/gmscripts/overrides: in new send
uncaught exception: [Exception... "Illegal value" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: file:///tmp/customProfileDir41e7266f56734c97a2ca02b1f7f528e1/extensions/%7Be4a8a97b-f2ed-450b-b12d-ee082ba24781%7D/components/greasemonkey.js :: anonymous :: line 372" data: no]

所以它似乎在尝试访问 this.onreadystatechange 时抛出异常

据推测，这是由于沙盒环境造成的。 任何帮助将不胜感激。我不受这个解决方案的约束，所以欢迎任何其他关于做我需要的建议。只是我已经尝试了其他几个，这似乎是最有希望的。要求是我需要确保计数器在 readyState 变为 4 并且 onreadystatechange 回调已完成执行后变为 0。

最佳答案

我自己做了一些东西:http://jsfiddle.net/rudiedirkx/skp28agx/ (2015 年 1 月 22 日更新)

脚本(应该在其他任何东西之前运行):

(function(xhr) {
    xhr.active = 0;
    var pt = xhr.prototype;
    var _send = pt.send;
    pt.send = function() {
        xhr.active++;
        this.addEventListener('readystatechange', function(e) {
            if ( this.readyState == 4 ) {
                setTimeout(function() {
                    xhr.active--;
                }, 1);
            }
        });
        _send.apply(this, arguments);
    }
})(XMLHttpRequest);

以及 jsFiddle 的测试脚本:

window.onload = function() {
    var btn = document.querySelector('button'),
        active = btn.querySelector('span');

    btn.onclick = function() {
        // jQuery for easy ajax. `delay` is a jsFiddle argument
        // to keep some requests active longer.
        jQuery.post('/echo/json/', {
            delay: Math.random() * 3,
        });
    };

    updateActive();

    function updateActive() {
        active.textContent = XMLHttpRequest.active;
        requestAnimationFrame(updateActive);
    }
};

它在每个动画帧(每秒约 60 次)更新按钮中的计数器，与 AJAX 请求分开。无论你做什么，无论你点击它的速度有多快，几秒钟后计数器应该总是以 0 结束。

关于javascript - 试图跟踪 firefox 中未完成的 AJAX 请求的数量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4410218/