Je voudrais afficher les données HTTP POST qui ont été 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 soumets à nouveau, le serveur enverra une erreur. Existe-t-il un moyen de visualiser les données qui se trouvent dans la mémoire de Chrome ?
Voilà !
Google doit l'avoir mis à jour ou je suis un crétin - "Vous obtiendrez la liste des requêtes http qui se sont produites" où ? l'écran de mon ordinateur portable est trop petit ? J'essaie de le trouver... mise à jour : il semble que mon écran soit trop petit, je dois faire en sorte que les outils de développement prennent le contrôle de l'écran pour le voir !
Vous pouvez filtrer les demandes HTTP POST avec l'option Outils de développement de Chrome . Il suffit de faire ce qui suit :
method:POST
Capture d'écran
Testé avec la version 53 de Chrome.
J'essaie de faire la même chose. Mais il affiche toujours la méthode Get.. Ne pas convertir en méthode POST dans le nom : Il ne montre rien. En réponse, j'obtiens seulement {"stat" : "fail", "desc" : "Service Unavailable"}
Ceci ne s'applique pas aux requêtes POST multipart si un fichier a été soumis : stackoverflow.com/a/59871612/929999
Vous pouvez utiliser Version canari de Chrome pour voir les données utiles des requêtes POST.
Existe-t-il des liens pour obtenir plus de détails à ce sujet ou pour savoir quand cela a changé ? EDIT : J'ai répondu à ma propre question. Si vous utilisez l'API Fetch, Chrome ne capturait pas ces demandes pour les afficher dans l'onglet . Apparemment, Canary l'est ou le sera bientôt.
Une autre option qui peut être utile est un outil de débogage HTTP dédié. Il y en a quelques-uns disponibles, je vous suggère Boîte à outils HTTP : un projet open-source sur lequel je travaille (oui, je suis peut-être partial) pour résoudre ce même problème pour moi-même.
La principale différence est la facilité d'utilisation et la puissance. Les outils de développement de Chrome sont bons pour les choses simples, et je vous recommande de commencer par là, mais si vous avez du mal à comprendre les informations qui s'y trouvent, et que vous avez besoin de plus d'explications ou de plus de puissance, alors des outils bien ciblés peuvent être utiles !
Dans ce cas, il vous montrera le corps complet du POST que vous recherchez, avec un éditeur convivial et une mise en évidence (le tout alimenté par Code VS ) pour que vous puissiez creuser. Vous obtiendrez les en-têtes de la demande et de la réponse, bien sûr, mais avec des informations supplémentaires comme les documents de MDN (l'onglet Réseau de développeurs Mozilla ) pour chaque en-tête et code d'état standard que vous pouvez voir.
Une image vaut mille réponses StackOverflow :
Sur Chrome 96 Onglet Réseau de DevTools ;
Après avoir cliqué sur la demande, il y a un onglet "Payload" qui montre les données du formulaire :
Vous pouvez visualiser les données sous forme d'url codée/décodée :
Vous pouvez visualiser les données comme source / analysées :
Même si la méthode est GET vous pouvez voir la charge utile en tant que paramètres de la chaîne de requête :
C'est bien qu'ils aient déplacé la charge utile vers un nouvel onglet. Cependant, si vous inspectez la charge utile de différentes requêtes, chaque fois que vous vous déplacez (clic ou touche fléchée) vers une nouvelle requête, l'onglet par défaut est En-têtes . Vous devez donc cliquer sur Charge utile encore et encore. Un peu lourd pour ce cas d'utilisation.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
0 votes
Vous trouverez ici un bel exemple vidéo sur la façon d'accéder à l'onglet réseau : wpza.net/using-google-chrome-to-capture-post-data-in-wordpress
2 votes
Vous ne pouvez pas visualiser les données POST si vous avez soumis un fichier (aussi petit soit-il). stackoverflow.com/a/59871612/929999