google chrome - studio - Chrome Web Inspector Web Socket Debugging
how to use chrome inspector (3)
Puedo usar la pestaña Red en Google Chrome Web Inspector para depurar el tráfico de la red (solicitudes AJAX, etc.). Puedo verificar qué datos se transfieren fácilmente. Pero las conexiones de Websocket solo se muestran como
Request URL:ws://localhost/...
Request Method:GET
Status Code:101 Switching Protocols
...
y no puedo ver los datos transferidos. ¿Hay alguna función incorporada en Google Chrome para inspeccionar los datos transferidos? ¿O necesito usar Wireshark?
PD: estoy usando la última versión estable (16.0.912.75). Si una versión más nueva (beta / dev) tiene estas características, sería bueno.
Chrome y Chromium ahora tienen inspección de marco de mensaje WebSocket. Estos son los pasos para probarlo rápidamente:
- Navegue hasta la demo de WebSocket Echo , alojada en el sitio websocket.org .
- Encienda las herramientas para desarrolladores de Chrome.
- Haga clic en Red , habilite el filtro (3er ícono desde la izquierda en la parte superior de Dev Tools) para filtrar el tráfico que se muestra en Developer Tools y haga clic en WebSockets .
- En la demostración de Echo, haga clic en Conectar . En la pestaña Encabezados de la Herramienta de desarrollo de Google puede inspeccionar el intercambio de información de WebSocket.
- Haga clic en el botón Enviar en la demostración de Echo.
- Para ver los marcos de WebSocket en Herramientas para desarrolladores de Chrome, en Nombre, haga clic en la entrada que representa su conexión WebSocket. Esto actualiza el panel principal a la derecha y hace que la pestaña Marcos de WebSocket aparezca con el contenido real del mensaje WebSocket.
También publiqué los pasos con capturas de pantalla y video .
Después de investigar un poco más, encontré una pregunta duplicada aquí: Depuración WebSocket en Google Chrome
Chrome no admite ver el tráfico en la versión estable actual. Necesito usar Wireshark.
Otra Idea, para pruebas sencillas de socket web y livianas, use el complemento de Chrome "Simple Web-socket. Quería verificar solo si la conexión puede establecerse o no. Siguiente complemento de Chrome" Simple Web-socket (link: https://chrome.google.com/webstore/detail/simple-websocket-client/pfdhoblngboilpfeibdedpjgfnlcodoo?hl=en ) "funciona como el encanto. Ver imagen.