web-dev-qa-db-fra.com

Chrome Débogage de socket Web Inspector Web

Je peux utiliser l'onglet Réseau dans Google Chrome Inspecteur Web pour déboguer le trafic réseau (requêtes AJAX, etc.). Je peux vérifier quelles données sont transférées facilement. Mais Websocket les connexions s'affichent uniquement sous la forme

Request URL:ws://localhost/...
Request Method:GET
Status Code:101 Switching Protocols
...

et je ne peux pas voir les données transférées. Existe-t-il une fonctionnalité intégrée dans Google Chrome pour inspecter les données transférées? Ou dois-je utiliser Wireshark?

PS: j'utilise la dernière version stable (16.0.912.75). Si une version plus récente (beta/dev) a ces fonctionnalités, ce serait bien.

google-chromewebsocketgoogle-chrome-devtools
35
Fox32

Chrome et Chromium ont désormais une inspection du cadre de messages WebSocket. Voici les étapes pour le tester rapidement:

  1. Accédez au WebSocket Echo demo , hébergé sur le site websocket.org .
  2. Activez les outils de développement Chrome Chrome.
  3. Cliquez sur Réseau , activez filtre (3e icône en partant de la gauche en haut) des outils de développement) pour filtrer le trafic affiché par les outils de développement, puis cliquez sur WebSockets .
  4. Dans la démo Echo, cliquez sur Connecter . Dans l'onglet En-têtes de l'outil de développement Google, vous pouvez inspecter la prise de contact WebSocket.
  5. Cliquez sur le bouton Envoyer dans la démo Echo.
  6. Pour voir les cadres WebSocket dans Chrome Outils de développement, sous Nom, cliquez sur l'entrée représentant votre connexion WebSocket. Cela actualise le panneau principal à droite et fait apparaître l'onglet WebSocket Frames avec le WebSocket réel) contenu du message.

J'ai également posté le étapes avec captures d'écran et vidéo . enter image description here

67
Peter Moskovits

Après quelques recherches supplémentaires, j'ai trouvé une question en double ici: Débogage de WebSocket dans Google Chrome

Chrome ne prend pas en charge l'affichage du trafic dans la version stable actuelle. J'ai besoin d'utiliser Wireshark.

8
Fox32

Une autre idée, pour des tests de socket Web simples et légers, utilisez Chrome "Web-socket simple. Je voulais vérifier uniquement si la connexion peut être établie ou non. Suivant Chrome plugin "Simple Web-socket (link: https://chrome.google.com/webstore/detail/simple-websocket-client/pfdhoblngboilpfeibdedpjgfnlcodoo?hl=en )" fonctionne comme un charme Voir l'image.

https://lh3.googleusercontent.com/bEHoKg3ijfjaE8-RWTONDBZolc3tP2mLbyWanolCfLmpTHUyYPMSD5I4hKBfi81D2hVpVH_BfQ=w640-h400-e365

0
Shantu