org - ¿Cómo inspeccionas el tráfico de websocket con Chrome Developer Tools?
websocket example (2)
Debe volver a cargar la página con la pestaña de red abierta y filtrar por tipo ''ws''. Esto le mostrará una conexión realizada con un websocket. Luego puede hacer clic en la conexión para mostrar el tráfico que se envía de un lado a otro en el servidor
https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#frames
Esta pregunta ya tiene una respuesta aquí:
Estoy tratando de inspeccionar el tráfico de websocket usando Chrome Developer Tools. Según mi investigación, parece que debería poder verlo usando la pestaña de red, e incluso tiene un filtro para ''ws''.
Sin embargo, he estado inspeccionando sitios que sé que usan websockets y no puedo encontrar una manera de inspeccionar los mensajes que se envían de un lado a otro. Usando Chrome v56, también probé Safari sin suerte ...
¿Alguien sabe cómo se puede lograr esto?
La información sobre este tráfico se encuentra anidada en la pestaña Red . Usando Chrome 58+, verá una entrada sobre la conexión al websocket, en la lista de la pestaña Red.
Esto cambia un protocolo (estado HTTP 101),
asi que
cada posible solicitud siguiente será el tráfico de websocket, estará visible en la pestaña Marcos de la entrada anterior.
Por supuesto, puede tener más conexiones abiertas a diferentes websockets, agregadas en la pestaña principal "Red" por tipo de websocket.