CHROME扩展笔记之监听页面xhr请求
在页面头部加载完时立即注入下面代码,注入完成后如若有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()});