Solución:
Hacer clic La red, WS, seleccione la conexión HTTP original y luego haga clic en el Marcos pestaña. Tenga en cuenta que el contenido de esta pestaña puede ser oculto por otro panel, por lo que debe arrastrar la barra hacia abajo para ver los marcos de WebSocket.
¿Enviaste algún dato en la página? Debe intentar enviar un mensaje después de hacer clic Connect
:
También hay un área útil en Chrome donde puede ver todos sus sockets activos:
Puede acceder a él aquí: chrome: // net-internals / # events & q = type: SOCKET% 20is: active
Actualizar:
Después de ver la captura de pantalla recién agregada, parece que su tabla de datos está aplastada y debe arrastrarla hacia abajo para ver las entradas.
A partir del 10 de diciembre de 2019, el proceso es ligeramente diferente para depurar WebSockets con Chrome.
- Abrir Chrome Herramientas de desarrollo.
- Clickea en el La red pestaña.
- Haga clic en el filtro WS (para WebSockets).
- Vuelva a cargar la página para asegurarse de ver su conexión en el Nombre columna.
- Haga clic en Mensajes.
Ahora debería ver todas sus comunicaciones con sus WebSockets, con 3 columnas: Datos, Duración y Tiempo.