如何使用 javascript 跟蹤 cors 請求

Question

我們有通過cdn引用的第三方js 。 我們正在使用第三方服務來跟蹤用戶行為。 我們已經實現了從向不同域發送請求的 js 調用 function 的代碼。 我們想使用 javascript 跟蹤那些發送到不同域的請求。 如何使用 javascript 來做到這一點？

我試過下面的代碼來跟蹤請求，但它似乎只跟蹤相同的域請求。

var open = window.XMLHttpRequest.prototype.open,
    send = window.XMLHttpRequest.prototype.send;

function openReplacement(method, url, async, user, password) {
    this._url = url;
    console.log('url -------- ' + url);
    return open.apply(this, arguments);
}

function sendReplacement(data) {
    debugger;
    console.log('data -------- ' + data);
    return send.apply(this, arguments);
}

window.XMLHttpRequest.prototype.open = openReplacement;
window.XMLHttpRequest.prototype.send = sendReplacement;

Answer 1

如果您使用 jquery，它有一些全局 ajax function：例如：

    let open = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function () {
        this.addEventListener("load", event => function () {
            console.log(event.target);
            if (event.target.responseURL.indexOf('YourDomain')>-1) {
               //Do Something
            }
        }, false);
        open.apply(this, arguments);
    };

資源