Détermination des fonctions JavaScript faisant des requêtes HTTP

Question

J'ai un Javascript particulièrement désagréable que j'essaye de déboguer. Plus précisément, j'essaie de déterminer quelles fonctions font certaines requêtes http. En raison de la taille de cisaillement du fichier .js et de la qualité généralement médiocre, il n'est pas aussi simple que de parcourir manuellement le fichier.

J'ai vaguement l'expérience de Fiddler et Firebug, est-ce une capacité intégrée dans ces applications? Y a-t-il une meilleure façon de faire cela, si c'est même possible?

Answer 1

Dans la version de développement de Google Chrome, vous avez maintenant la possibilité de casser le code sur tout XHR qui est fait. (clé à molette> Outils> Outils de développement)

Answer 2

Yup! Dans Firebug, allez sur 'Net' dans le menu du haut et choisissez 'XHR' dans le menu ci-dessous pour voir tous les appels ajax effectués pendant une visite sur la page. Cela affichera une foule d'informations comme la durée des appels et les en-têtes de demande/réponse.

Answer 3

Quelle que soit la taille ou la qualité du fichier, vous devriez être en mesure de grep pour le mot-clé « XMLHttpRequest » et points d'arrêt où il est utilisé.

Vous pouvez également, sur la charge de la page, avant toute autre chose est appelé, le XMLHttpRequest global monkey-patch:

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

Ou quelque chose de plus sophistiqué.