检查网站是否使用javascript发出X http请求 [英] Check if a website is making X http request with javascript

问题描述

我一直在寻找一段时间，但我能找到的只是如何实际提出这些要求的例子......

I've been searching for a while but all I could find was examples on how to actually make those requests...

我正在尝试做什么点击X网站按钮后检查网站是否发出http请求

What I'm trying to do is to check if a website is making an http request after I click a button to X site

Ex。 http://test.s3.amazonaws.com/test/1.txt

我猜是有办法获取所有传出请求然后过滤列表但我甚至无法获得请求

I'm guessing there a way to get all the outgoing requests and then filter the list but I can't even get the requests

到目前为止，我所做的只是插入eventlistener来检查是否已经点击了X按钮，然后是我想要检查这些请求的时间。

What I've done so far is just inserting the eventlistener to check that X button has been clicked and then is when I'd like to check for those requests.

<script language="javascript">
document.getElementById("button").addEventListener('click', buttonClicked, true);

function buttonClicked(){
    -->Check requests made after button is clicked.<--
}
</script>

推荐答案

我刚才做了一个基本的脚本，基本上你只需要包装内置的 XMLHttpRequest 。

I made a basic script for this a while ago, basically you just wrap the built-in XMLHttpRequest.

(function() {
  'use strict';
  var oldXHR, stateChangeHandler, prop;

  oldXHR = window.XMLHttpRequest;

  stateChangeHandler = function (evt) {
    switch (this.readyState) {
      case oldXHR.OPENED:
        console.log('Request was made', this, evt);
        break;
      case oldXHR.DONE:
        console.log('Request finished', this, evt);
        break;
    }
  };

  function newXHR() {
    var xhr = new oldXHR();
    xhr.addEventListener('readystatechange', stateChangeHandler);
    return xhr;
  }

  // Copy original states and toString
  for (prop in oldXHR)
    newXHR[prop] = oldXHR[prop];

  window.XMLHttpRequest = newXHR;
})();

这篇关于检查网站是否使用javascript发出X http请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！