Chrome DevTools
Comment voir les requêtes dans les navigateurs dotés du Chrome DevTools ?
Dernière mise à jour
Comment voir les requêtes dans les navigateurs dotés du Chrome DevTools ?
Dernière mise à jour
Lorsque vous ouvrez le DevTools (avec F12 ou CTRL+SHIFT+I), vous pourrez aller dans l'onglet "Network" et vous pourrez trouver toutes les requêtes que le navigateur a effectué sur la page actuelle.
Si l'onglet n'est pas présent, on peut y accéder en utilisant CTRL+SHIFT+P pour accéder à la palette de commandes et taper "Show Network".
Lorsque l'on va sur http://example.com/ nous pouvons voir ici la requête GET qui est faite au serveur HTTP de example.com.
Si l'on clique sur une requête, on peut trouver toutes les informations concernant celle-ci.
Dans l'onglet Headers, on peut trouver les en-têtes que l'on a envoyé et les en-têtes que l'on a reçu.
On peut visualiser le contenu d'une réponse en cliquant sur "Response" (réponse telle quelle) ou "Preview" si le contenu de celle-ci peut être affiché d'une manière plus simple.
On peut voir qu'une requête POST a été effectuée et que son retour est 200 OK donc elle s'est bien déroulée.
Dans cette requête POST, on a envoyé un contenu au serveur qui est de type "application/x-www-form-urlencoded" d'après l'en-tête Content-Type.
Ce MIME correspond habituellement à un envoie de formulaire en utilisant un <form> dans votre page HTML.
Dans l'onglet "Payload", on peut voir le contenu envoyé avec notre requête.
Lorsqu'on clique sur "view source", on peut voir le contenu qui est réellement envoyé.
