¿Cómo ver el contenido de la solicitud WS/WSS Websocket usando Firebug u otro?
fiddler (8)
¿Hay alguna manera de ver el tráfico de Websocket?
Solo los encabezados Websocket son visibles en el saludo inicial.
Todo desaparece después de la respuesta:
Connection Upgrade
Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket
He probado Firebug, Live Headers y Fiddler2 para rastrear el intercambio y todos dejan de iniciar sesión allí.
A partir del 3 de septiembre de 2014, parece que la depuración WebSocket en FireBug está en la manguera: https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview . Pero no se menciona ninguna fecha de lanzamiento.
Actualización 2017-11-24 El sistema de complementos en Firefox ha cambiado. Websocket Monitor está en el momento de escribir no disponible :(
Actualización 2016-04-06
La eliminación de WebSocket en Firefox finalmente es posible usando el complemento Websocket Monitor para Firefox Dev Tools. Es desarrollado por el equipo de desarrollo de Firebug y sus fuentes se pueden encontrar here .
Actualización 2015-10-28
Jeff Griffiths, Product Manager para Firefox Developer Tools:
el soporte de la plataforma es hoy por la noche y se está trabajando en un complemento prototipo aquí: here
https://twitter.com/canuckistani/status/659399140590284800
Petición de función relevante en Firefox Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1203802
Actualización a partir de 2015-04-08
Fiddler 4.5 ahora puede inspeccionar el tráfico WebSocket de forma nativa.
Actualización 2014-09-11
Con respecto a este comentario en el rastreador de problemas Firebug:
Actualmente está fuera del radar ya que el equipo Firebug está trabajando en la integración de Firebug con DevTools en este momento. Esto significa que podrá reutilizar las características provistas por las DevTools integradas. Por lo tanto, puede seguir https://bugzil.la/885508 .
En Firefox puede abrir la barra de herramientas del desarrollador (Shift + F2) y ver websockets en la pestaña Red. Puede usar el filtrado en la parte inferior de la pestaña (elija Otro para websockets).
Existe WebSocket Monitor : una extensión para las herramientas de desarrollo de Firefox que se puede usar para monitorear conexiones WebSocket
Después de instalar la extensión, abra las Herramientas para desarrolladores de Firefox y cambie al panel ''Web Sockets''. Está mostrando el tráfico de trama WS para la página actual. Hay un soporte adicional para los siguientes protocolos:
- Socket IO
- SockJS
- WAMP
- Plain JSON
La versión actual de Fiddler funciona bien con el tráfico WebSocket. Ver http://blogs.msdn.com/b/fiddler/archive/2011/11/22/fiddler-and-websockets.aspx
Consulte http://blogs.telerik.com/fiddler/posts/13-06-04/what-s-new-in-fiddler-2-4-4-5 para ver cómo poner los datos en la pestaña de Log .
Para mostrar datos en una pestaña WebSockets,
necesita una extensión (está programada para ser incorporada para la versión 2.5). Por ahora, puedes agarrar los bits actuales . Simplemente extraiga el ZIP y coloque los dos archivos en la /Fiddler2/Scripts y reinicie Fiddler. Si hace doble clic en una sesión de WebSocket en la lista de WebSessions de Fiddler, aparecerá la pestaña WebSockets
No es tan cómodo como las otras opciones mencionadas aquí, pero es una herramienta universal que puede ayudarlo en diversas situaciones: use wireshark . Con un poco de conocimiento sobre TCP puede depurar problemas que las otras herramientas mencionadas no pueden resolver (desconexiones inesperadas, ...), porque funcionan en un nivel que es demasiado alto. También puede (como en Firebug, etc.) leer los mensajes de websocket reales.
La desventaja de wireshark es que es bastante engorroso trabajar con conexiones encriptadas.
Pruébalo, lo uso todo el tiempo para depurar una aplicación de Rails que se comunica con un back-end de websocket de Python.
Prueba las herramientas para desarrolladores de Chrome
- haga clic en la pestaña ''Red''
- use los filtros en la parte inferior para mostrar solo las conexiones WebSocket),
- seleccione la conexión websocket deseada,
- tenga en cuenta que hay sub-pestañas ''Encabezado'', ''Vista previa'', ''Respuesta'', etc. a la derecha,
- una vez que los datos comiencen a fluir, aparecerá una subficha ''WebSocket Frames''. Todos los datos que van en cualquier dirección se registran. Muy informativo.
Publiqué más detalles sobre el uso de Chrome y Wireshark para depurar mensajes de WebSocket en:
https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome
