103 votes

Comment inspectez-vous le trafic Websocket avec les outils de développement Chrome?

J'essaie d'inspecter le trafic Websocket à l'aide des outils de développement Chrome. D'après mes recherches, il semble que vous devriez pouvoir le voir en utilisant l'onglet Réseau - et il a même un filtre pour "ws".

Cependant, j’ai inspecté des sites qui, je le sais, utilisent des websockets et ne trouvent aucun moyen d’inspecter les messages échangés. Utilisation de Chrome v56, a également essayé Safari sans succès ...

Est-ce que quelqu'un sait comment cela peut être réalisé?

169voto

Joel Duckworth Points 1327

Vous avez besoin de recharger la page avec l'onglet réseau ouvert et filtrer par type 'ws'. Cela vous montrera une connexion avec une websocket. Vous pouvez alors cliquer sur le lien pour afficher le trafic d'être envoyé en arrière et en avant sur le serveur

enter image description here

https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#frames

10voto

ups Points 120

Les informations sur ce trafic sont imbriquées plus en profondeur dans l'onglet Réseau . À l’aide de Chrome 58+, l’entrée relative à la connexion au Websocket apparaît dans la liste principale de l’onglet Réseau.

Cela change un protocole (statut HTTP 101),

alors

toutes les demandes suivantes possibles étant du trafic websocket, seront visibles dans l'onglet Cadres de l'entrée ci-dessus.

Bien sûr, vous pouvez avoir plus de connexions ouvertes à différents websockets, agrégées dans l'onglet "Réseau" principal par type de websocket.

Prograide.com

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.

Powered by:

X