How can i get the list of network requests using Javascript done by the HTML, as seen in the chrome devtools.
For example:
This is the devtools for google.com. I want to, using javascript get all these request in a list. is this possible? if yes how?
As I understand it, you can consult the list of requests via JavaScript. It is? "I do not know how."
But one solution that can help is this ...
You intercept all requisitions with the code below. If your JavaScript runs very early in loading the page you will be able to get most of the requests from the list.
See how cool this article.
XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(value) {
this.addEventListener("progress", function(){
console.log("Loading. Here you can intercept...");
}, false);
this.realSend(value);
};
I have written the code using the Resource Timing API
function captureNetworkRequest(e) {
var capture_network_request = [];
var capture_resource = performance.getEntriesByType("resource");
for (var i = 0; i < capture_resource.length; i++) {
if (capture_resource[i].initiatorType == "xmlhttprequest" || capture_resource[i].initiatorType == "script" || capture_resource[i].initiatorType == "img") {
if (capture_resource[i].name.indexOf('www.demo.com OR YOUR URL') > -1) {
capture_network_request.push(capture_resource[i].name)
}
}
}
return capture_network_request;
}