CHROME扩展笔记之监听页面xhr请求-蒲公英云

CHROME扩展笔记之监听页面xhr请求

桃扇骨 2022-11-27 12:16 657阅读 0赞

在页面头部加载完时立即注入下面代码，注入完成后如若有xhr请求就可以监听到了

;(function () { 
    if ( typeof window.CustomEvent === "function" ) return false;
    function CustomEvent ( event, params ) { 
        params = params || {  bubbles: false, cancelable: false, detail: undefined };
        var evt = document.createEvent( 'CustomEvent' );
        evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
        return evt;
    }   
    CustomEvent.prototype = window.Event.prototype;   
    window.CustomEvent = CustomEvent;
})();
;(function () { 
    function ajaxEventTrigger(event) { 
        var ajaxEvent = new CustomEvent(event, {  detail: this });
        window.dispatchEvent(ajaxEvent);
    }
    var oldXHR = window.XMLHttpRequest;
    function newXHR() { 
        var realXHR = new oldXHR();
        realXHR.addEventListener('abort', function () {  ajaxEventTrigger.call(this, 'ajaxAbort'); }, false);
        realXHR.addEventListener('error', function () {  ajaxEventTrigger.call(this, 'ajaxError'); }, false);
        realXHR.addEventListener('load', function () {  ajaxEventTrigger.call(this, 'ajaxLoad'); }, false);
        realXHR.addEventListener('loadstart', function () {  ajaxEventTrigger.call(this, 'ajaxLoadStart'); }, false);
        realXHR.addEventListener('progress', function () {  ajaxEventTrigger.call(this, 'ajaxProgress'); }, false);
        realXHR.addEventListener('timeout', function () {  ajaxEventTrigger.call(this, 'ajaxTimeout'); }, false);
        realXHR.addEventListener('loadend', function () {  ajaxEventTrigger.call(this, 'ajaxLoadEnd'); }, false);
        realXHR.addEventListener('readystatechange', function() {  ajaxEventTrigger.call(this, 'ajaxReadyStateChange'); }, false);
        let send = realXHR.send;
        realXHR.send = function(...arg){ 
            send.apply(realXHR,arg);
            realXHR.body = arg[0];
            ajaxEventTrigger.call(realXHR, 'ajaxSend');
        }
        let open = realXHR.open;
        realXHR.open = function(...arg){ 
            open.apply(realXHR,arg)
            realXHR.method = arg[0];
            realXHR.orignUrl = arg[1];
            realXHR.async = arg[2];
            ajaxEventTrigger.call(realXHR, 'ajaxOpen');
        }
        let setRequestHeader = realXHR.setRequestHeader;
        realXHR.requestHeader = { };
        realXHR.setRequestHeader = function(name, value){ 
            realXHR.requestHeader[name] = value;
            setRequestHeader.call(realXHR,name,value)
        }
        return realXHR;
    }
     window.XMLHttpRequest = newXHR;
})();
var Gpins_data = { };
// 监听页面的ajax
window.addEventListener("ajaxReadyStateChange",function(e){ 
    let xhr = e.detail;
    if(xhr.readyState == 4 && xhr.status == 200){ 
        // xhr.getAllResponseHeaders() 响应头信息
        // xhr.requestHeader 请求头信息
        // xhr.responseURL 请求的地址
        // xhr.responseText 响应内容
        // xhr.orignUrl 请求的原始参数地址
        // xhr.body post参数，（get参数在url上面）
        console.log(xhr);
    }
});
// console.log({msg:'注入完成',time: (new Date()).valueOf(),data: new Date()});