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

Est-il un moyen pour afficher les Websocket trafic?

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 il.

  • Fiddler est plus facile à utiliser pour le débogage WebSocket. J'ai récemment écrit un article sur CodeProject, qui vous montrera comment déboguer/inspecter WebSocket de la circulation avec un violon. codeproject.com/Articles/718660/...
InformationsquelleAutor Stevko | 2012-02-10
  1. 68

    Essayer 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. noter qu'il y a "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.
    • J'ai vu ça dans le dernier Canaries construire au Google IO 2012. très cool!
    • Pour debugginng du côté serveur, et j'ai trouvé github.com/kanaka/websockify une grande quantité de l'aide. Je peux insérer mes propres débogage d'où je veux dans le code Python. C'est la fonction de base est de vous permettre de tunnel TCP service pour améliorer encore votre plaisir de débogage.
    • C'est vraiment une bonne réponse, vous devez l'accepter.
    • "sélectionnez la connexion websocket" où est cette chose???
    • sur la gauche il y a le nom de la colonne, il y a une multitude d'images, et ainsi de suite , si vous filtrez websocket - vous voir socket. Bien sûr que si il existe sur cette page.
    • <3 Merci!!!!!!
    • Je vais citer un commentaire utilisateur (stackoverflow.com/questions/5751495/...), car il peut aider les autres: "Chrome Dev Tools a une INTERFACE utilisateur d'un bug avec le panneau, voici le travail autour de stackoverflow.com/questions/44533111/..."

    InformationsquelleAutor Daniel Shields
  2. 34

    À 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 2017-11-24
    Le système de plugin dans Firefox changé. Websocket Moniteur est au moment de l'écriture indisponible 🙁

    Mise à jour 2016-04-06

    WebSocket de débogage dans le navigateur Firefox est enfin possible à l'aide de la Websocket Moniteur addon pour Firefox Outils de Dev! Il est développé par le Pyromane de l'équipe de développement et de ses sources peuvent être trouvées ici.

    Mise à jour 2015-10-28

    Jeff Griffiths, directeur de Produits pour Firefox Developer Tools:

    plate-forme de support est dans la soirée d'aujourd'hui & un prototype de l'add-on est en train de travailler sur ici: https://github.com/firebug/websocket-monitor

    https://twitter.com/canuckistani/status/659399140590284800

    Pertinentes en fonction de la demande sur le Firefox Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1203802

    Mise à jour de 2015-04-08

    Fiddler 4.5 pouvez maintenant vérifier WebSocket trafic en mode natif.

    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.

    InformationsquelleAutor Epoc
  3. 20

    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 la Log onglet.

    Pour afficher des données sur un WebSockets onglet,

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

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

    • merci pour l'astuce - oui dernière Fiddler ne montrons que l'info circule. Trop mauvais, il est enterré dans un fichier journal au lieu d'être sur son propre onglet.
    • Firefox v45.0a2 ne semble pas pour acheminer les web sockets par Fiddler (après la lecture de superuser.com/a/558831/70209 je suppose que c'est parce que Firefox n'utilise pas le système de proxy). @EricLaw - est-ce quelque chose que Fiddler Crochet et sera amélioré pour les accueillir?
    • Firefox tente d'utiliser le proxy SOCKS (plutôt que le proxy HTTPS) pour les WebSockets. (à de travail pour créer un faux chaussettes paramètre de proxy qui sera un échec?) FiddlerHook est mort et sera supprimé de Fiddler 4.6.2.
    InformationsquelleAutor EricLaw
  4. 5

    Il est WebSocket Moniteur - une extension pour Firefox developer des outils qui peuvent être utilisés pour surveiller les WebSocket connexions

    Une fois l'extension installée, ouvrez Firefox Outils de développement et de passer des Sockets Web de la commission. C'est l'affichage WS cadre du trafic de la page en cours. Il y a un soutien supplémentaire pour les protocoles suivants:

    • Socket IO
    • SockJS
    • WAMP
    • Plaine JSON

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

    • Pourquoi l'onglet n'apparaît pas? J'ai vérifié les options de trop et il n'y a pas de case à cocher pour activer cet onglet 🙁
    • Salut @Jan Odvarko, Pourquoi ne pas vous appuyer pour les anciennes version de Firefox? Je vois que vous ne l'appui de la Version > 45.
    • WebSocket Moniteur nécessite une certaine plate-forme de l'API qui ont été introduites dans Firefox 45.
    • Si les Web Sockets onglet n'apparaît pas, c'est probablement parce que l'extension n'est pas installé correctement. Vous pouvez essayer de créer nouveau profil Firefox et d'installer de nouveau.
    • Pas compatible avec la version de Firefox 57 ou plus.
    InformationsquelleAutor Jan Odvarko
  5. 2

    Pas aussi confortable que les autres options mentionnées ici, mais un outil universel qui peuvent vous aider dans diverses situations: l'Utilisation 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.

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

    InformationsquelleAutor jupp0r
  6. 1

    Que 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

    • Même si cela peut répondre à la question, il serait préférable pour inclure l'essentiel des éléments de réponse ici, et de fournir le lien de référence.
    • Merci pour l'astuce!Le blog a plusieurs instantanés d'image qui expliquent en détail comment les messages WebSocket peut être débogué et c'est pourquoi inclus la référence au lieu de le citer.
    InformationsquelleAutor Arun Gupta
  7. 1

    Utiliser les outils de développement Chrome

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

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

    Vous verrez des données se changer dans des Cadres onglet.

    • C'est la même réponse que le haut. Pourriez-vous envisager de simplement ajouter les captures d'écran pour que celui-ci?
    InformationsquelleAutor kiranvj
  8. -2

    Dans firefox, vous pouvez ouvrir la barre d'outils du développeur (Shift+F2) et de voir les websockets dans l'onglet Réseau. Vous pouvez utiliser le filtrage au bas de l'onglet (en choisir d'Autres pour les websockets).

    • Vous avez l'impression de parler de Chrome, pas Firefox
    • C'est dans Firefox, j'ai juste vérifié.
    • Je ne vois que le 101 Switching Protocolsde la réponse HTTP (pour dire le client à opter pour le protocole WebSocket) dans Firefox Outils de Dev. Maj + F2 ouvre la Barre d'outils du Développeur, qui est en fait une console, ce qui est différent de l'Firefox Outils de Dev
    InformationsquelleAutor user570605