web-dev-qa-db-fra.com

trouver où dans le code une requête http a été faite en utilisant chrome dev tools

Existe-t-il un moyen d'utiliser chrome dev tools pour trouver où une requête http (ajax) a été faite? J'ai un grand projet avec de nombreuses requêtes se produisant dans différents fichiers. Il y a une requête particulière que je veux pouvoir inspecter, je l'ai trouvé sur l'onglet Réseau, mais il ne semble pas y avoir de moyen de trouver où dans le code cette demande a été lancée.

30
StackOverMySoul

Utilisez la colonne Initiator du panneau Network . En cliquant sur le lien dans la cellule Initiateur, vous accédez à la ligne de code où la demande a été effectuée.

initiator column

Si vous ne le voyez pas, faites un clic droit sur l'en-tête du tableau et sélectionnez Initiateur .

Vous pouvez également tenir Shift tout en survolant une ressource pour voir son initiateur. L'initiateur est vert. Les dépendances sont rouges. Si vous ne pouvez pas voir l'initiateur, il n'est pas actuellement visible sur la table (peut être plus haut, filtré, etc.)

L'idée du point d'arrêt XHR de MacPrawn est également une bonne approche.

46
Kayce Basques

Puisque vous voyez la demande en cours dans le volet Réseau, vous pouvez saisir l'URL, puis ajouter un point d'arrêt XHR sur cette URL:

In the breakpoint panel, on the right of the "Sources" pane

(Dans le panneau des points d'arrêt, à droite du volet "Sources")

J'espère que cela t'aides!

13
MacPrawn