web-dev-qa-db-fra.com

Comment déboguer un HTTP POST dans Chrome?

Je souhaite afficher les données HTTP POST envoyées dans Chrome.

Les données sont maintenant en mémoire et j'ai la possibilité de soumettre à nouveau le formulaire.

Je sais que si je renvoie le serveur, une erreur sera générée. Est-il possible de visualiser les données stockées dans la mémoire de Chrome?

google-chromedebuggingpost
168
goodguys_activate
  1. Accédez à Chrome Outils de développement (Menu Chrome -> Plus d'outils -> Outils de développement).
  2. Choisissez l'onglet "Réseau"
  3. Actualiser la page sur laquelle vous vous trouvez
  4. Vous obtiendrez une liste des requêtes http qui se sont produites alors que la console réseau était allumée. Sélectionnez l'un d'entre eux dans la gauche
  5. Choisissez l'onglet "En-têtes"

Voila!

enter image description here

208
mrówa

Vous pouvez filtrer les demandes HTTP POST avec le Chrome DevTools . Il suffit de faire ce qui suit:

  1. Ouvrez Chrome DevTools (Cmd+Opt+I sur Mac, Ctrl+Shift+I ou F12 sous Windows) et cliquez sur l'onglet "Réseau"
  2. Cliquez sur l'icône "Filtre"
  3. Entrez votre méthode de filtrage: method:POST
  4. Sélectionnez la demande que vous souhaitez déboguer
  5. Afficher les détails de la demande que vous souhaitez déboguer

Capture d'écran

Chrome DevTools

Testé avec Chrome Version 53.

116
Benny Neugebauer

Vous pouvez utiliser version canarienne de Chrome pour voir la charge utile des demandes POST.

Request payload

14
mihijs

Les autres personnes ont très bien répondu, mais j'aimerais compléter leur travail avec un outil de développement supplémentaire. Il s’appelle Live HTTP Headers et vous pouvez l’installer dans votre Firefox , et dans Chrome nous avons le même plug-in que this .

Travailler avec c'est facile.

  1. À l’aide de votre navigateur Firefox, accédez au site Web sur lequel vous souhaitez que votre demande de publication lui soit transmise.

  2. Dans votre menu Firefox Outils-> En-têtes HTTP en direct

  3. Une nouvelle fenêtre s’ouvre pour vous et tous les détails de la méthode http seront sauvegardés dans cette fenêtre. Vous n'avez rien à faire dans cette étape.

  4. Sur le site Web, faites une activité (connectez-vous, soumettez un formulaire, etc.)

  5. Regardez votre plug in window. Tout est enregistré.

Rappelez-vous que vous devez cocher le capturer .

enter image description here

1
Salman Lashkarara