Comment afficher le contenu de la requête WS / WSS Websocket à l'aide de Firebug ou autre?
Existe-t-il un moyen de visualiser le trafic Websocket?
Seuls les en-têtes Websocket sont visibles sur la poignée de main initiale.
Tout disparaît après la réponse:
Connection Upgrade
Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket
J'ai essayé Firebug, Live Headers et Fiddler2 pour suivre l'échange et ils ont tous arrêté de se connecter là-bas.
Essayez les outils de développement de Chrome,
- cliquez sur l'onglet 'Réseau'
- utilisez les filtres en bas pour afficher uniquement les connexions WebSocket),
- sélectionnez la connexion websocket souhaitée,
- notez qu'il y a des sous-onglets 'Headers', 'Preview', 'Response', etc. à droite,
- une fois que les données commencent à circuler, un sous-onglet 'WebSocket Frames' apparaît. Toutes les données allant dans les deux sens sont enregistrées. Très informatif.
Depuis le 3 septembre 2014, il semble que le débogage de WebSocket dans FireBug soit dans le tuyau: https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview . Mais aucune date de sortie n'est mentionnée.
Mise à jour 2017-11-24 Le système de plug-in dans Firefox a été modifié. Websocket Monitor est au moment de l'écriture indisponible :(
Mise à jour du 2016-04-06
Le débogage WebSocket dans Firefox est enfin possible en utilisant l’addon Websocket Monitor pour les outils de développement de Firefox! Il est développé par l'équipe de développement de Firebug et ses sources peuvent être trouvées ici .
Mise à jour 2015-10-28
Jeff Griffiths, chef de produit pour les outils de développement de Firefox:
le support de la plate-forme est dans la nuit de nos jours et un prototype complémentaire est en cours de développement ici: https://github.com/firebug/websocket-monitor
https://Twitter.com/canuckistani/status/6593991405902848
Demande de fonctionnalité pertinente sur Firefox Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1203802
Mise à jour du 08/04/2015
Fiddler 4.5 peut maintenant inspecter le trafic WebSocket de manière native.
Mise à jour du 2014-09-11
En ce qui concerne ce commentaire sur le suivi des problèmes Firebug:
C’est actuellement à l’écart alors que l’équipe de Firebug travaille actuellement sur l’intégration de Firebug avec DevTools. Cela signifie qu'il sera en mesure de réutiliser les fonctionnalités fournies par les outils DevTools intégrés. Vous pouvez donc suivre https://bugzil.la/885508 .
La version actuelle de Fiddler fonctionne parfaitement avec le trafic WebSocket. Voir http://blogs.msdn.com/b/fiddler/archive/2011/11/22/fiddler-and-websockets.aspx
Voir http://blogs.telerik.com/fiddler/posts/13-06-04/what-s-new-in-fiddler-2-4-4-5 pour savoir comment mettre le données sur l'onglet Log.
Pour afficher des données sur un onglet WebSockets,
vous avez besoin d’une extension (elle est prévue pour la version 2.5). Pour l'instant, vous pouvez récupérer le bits actuels . Extrayez simplement le fichier Zip et placez les deux fichiers dans le fichier \Fiddler2\Scripts dossier et redémarrez Fiddler. Si vous double-cliquez sur une session WebSocket dans la liste des WebSessions de Fiddler, l’onglet WebSockets apparaîtra.
Il existe WebSocket Monitor - une extension pour les outils de développement Firefox qui peut être utilisée pour surveiller les connexions WebSocket.
Une fois l'extension installée, ouvrez les outils de développement Firefox et basculez vers le panneau "Web Sockets". Il affiche le trafic de trame WS pour la page en cours. Il existe un support supplémentaire pour les protocoles suivants:
- Socket IO
- SockJS
- WAMP
- JSON simple
Pas aussi confortable que les autres options mentionnées ici, mais un outil universel qui peut vous aider dans différentes situations: Utilisez wirehark . Avec quelques connaissances sur TCP, vous pouvez résoudre les problèmes que les autres outils mentionnés ne peuvent pas résoudre (déconnexions inattendues, ...), car ils fonctionnent à un niveau trop élevé. Vous pouvez également comme dans Firebug, etc.), lisez les messages Websocket actuels.
L’inconvénient de Wirehark est qu’il est assez fastidieux de travailler avec des connexions chiffrées.
Essayez, je l’utilise tout le temps pour déboguer une application Rails qui communique avec un Python backend websocket.
Utiliser Chrome outils de développement
Vous verrez les données se modifier dans l’onglet Cadres.
J'ai posté plus de détails sur l'utilisation de Chrome et Wireshark pour le débogage des messages WebSocket à l'adresse:
https://blogs.Oracle.com/arungupta/entry/logging_websocket_frames_using_chrome