Определение функций JavaScript, выполняющих HTTP-запросы

Question

У меня есть какой-то особенно неприятный Javascript, который я пытаюсь отладить.В частности, я пытаюсь определить, какие функции выполняют определенные http-запросы.Из-за размера среза файла .js и, как правило, низкого качества, это не так просто, как поиск файла вручную.

У меня смутный опыт работы с Fiddler и Firebug, является ли эта возможность встроенной в эти файлы?Приложения?Есть ли лучший способ сделать это, если это вообще возможно?

Answer 1

Независимо от размера или качества файла, вы должны иметь возможность выполнить поиск для ключевого слова 'XMLHttpRequest' и установить точки останова там, где он используется.

Вы также можете, при загрузке страницы, прежде чем что-либо еще вызывать, monkeypatch глобальный XMLHttpRequest:

var open = XMLHttpRequest.open;
XMLHttpRequest.open = function(){
  console.log(this, arguments);
  return open.apply(this, arguments);
};

Или что-то более сложное.

Answer 2

В разрабатываемой версии Google Chrome у вас теперь есть возможность взломать код на любом сделанном XHR. (гаечный ключ> инструменты> инструменты разработчика)

Answer 3

Да!В firebug перейдите к «Net» в верхнем меню и выберите «XHR» в меню справа ниже, чтобы увидеть все вызовы ajax, сделанные во время посещения страницы.Это отобразит огромное количество информации, такой как продолжительность звонков и заголовки запроса / ответа.