Saltar al contenido

¿Cómo inspeccionar correctamente los marcos de WebSocket en Chrome?

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.

ingrese la descripción de la imagen aquí

¿Enviaste algún dato en la página? Debe intentar enviar un mensaje después de hacer clic Connect:

Enchufes

También hay un área útil en Chrome donde puede ver todos sus sockets activos:

Enchufes

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.

  1. Abrir Chrome Herramientas de desarrollo.
  2. Clickea en el La red pestaña.
  3. Haga clic en el filtro WS (para WebSockets).
  4. Vuelva a cargar la página para asegurarse de ver su conexión en el Nombre columna.
  5. Haga clic en Mensajes.

Ahora debería ver todas sus comunicaciones con sus WebSockets, con 3 columnas: Datos, Duración y Tiempo.

Chrome DevTools WebSockets

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *