Comment faire pour afficher WS/WSS Websocket demande de contenu à l'aide de Firebug ou autre?

Question

Est-il un moyen pour afficher les Websocket de la circulation?

Seulement Websocket en-têtes sont visibles sur la première poignée de main.

Tout disparaît après la réponse:

Connection  Upgrade
Sec-WebSocket-Accept    EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket

J'ai essayé de Firebug, Vivent en-Têtes, et Fiddler2 de retracer l'échange et ils ont tous arrêter l'enregistrement.

Answer 1

Essayez google Chrome developer tools,

1. cliquez sur "Réseau" de l'onglet
2. utiliser les filtres situés en bas pour afficher uniquement les WebSocket connexions),
3. sélectionnez la connexion websocket,
4. notez qu'il existe des "en-Têtes", "Aperçu", "Intervention", etc. sous-onglets à droite,
5. une fois les données commence à couler un " WebSocket les Cadres de la sous-onglet apparaît. Toutes les données qui vont dans les deux sens est connecté. Très instructif.

Answer 2

À compter du 3 septembre 2014, il semble que WebSocket de débogage dans FireBug est dans le tuyau : https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview. Mais aucune date de sortie n'est mentionné.

---

Mise à jour 2014-09-11

Concernant ce commentaire sur le Firebug issue tracker :

Il est actuellement hors de portée radar comme Firebug l'équipe de travail sur l'intégration de Firebug avec les DevTools pour le moment. Cela signifie qu'il sera en mesure de réutiliser les fonctionnalités fournies par le haut-DevTools. Vous pouvez donc suivre https://bugzil.la/885508.

Answer 3

La version actuelle de Fiddler fonctionne très bien avec WebSocket de la circulation. 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 placer les données sur l' Log tab.

Pour afficher les données sur un WebSockets onglet,

vous avez besoin d'une extension (c'est sensé être intégré pour la version 2.5). Pour l'instant, vous pouvez saisir le courant bits. Il suffit d'extraire le ZIP et mettre les deux fichiers dans l' \Fiddler2\Scripts le dossier et le redémarrage de Violoneux. Si vous double-cliquez sur un WebSocket session en Fiddler's via des sessions web de la liste, les WebSockets onglet apparaîtra

Answer 4

Pas aussi confortable que les autres options mentionnées ici, mais un outil universel qui peuvent vous aider dans diverses situations: Utilisation de wireshark. Avec quelques connaissances de TCP vous pouvez déboguer des problèmes que les autres outils mentionnés ne peut pas résoudre (déconnexions inattendues, ...), parce qu'ils travaillent sur un niveau trop élevé. Vous pouvez également (tout comme dans Firebug, etc...) lire la réelle messages websocket.

L'inconvénient de wireshark est qu'il est plutôt lourd à travailler avec des connexions chiffrées.

Essayez-le, je l'utilise tout le temps pour déboguer une application Rails qui communique avec un Python websocket backend.

Answer 5

J'ai posté plus de détails sur l'utilisation de Chrome et de Wireshark pour le débogage WebSocket messages à:

https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome