socket org online how example debug chrome check google-chrome websocket google-chrome-devtools

google chrome - org - Los marcos Chrome 59+ websocket ya no son visibles en DevTools



websocket example (3)

Desde que actualicé Chrome 58 => 59 en Mac OS El Capitan, cuando uso el inspector de redes Dev Tools para ver los marcos de WebSocket, los marcos ya no son visibles. Desarrollamos una aplicación que hace un uso intensivo de WS, por lo que confío mucho en esta capacidad.

Pensé que tal vez era algo que tal vez habíamos cambiado en nuestra aplicación: codificación o protocolo que tal vez hace que no se muestre, así que probé esta simple prueba aquí: https://websocket.org/echo.html

  1. Abrir DevTools
  2. Vaya a https://websocket.org/echo.html
  3. Vaya a la pestaña Red, filtre en WS, vaya a la pestaña Marcos
  4. Haga clic en Conectar en la aplicación echo seguido de Enviar mensaje

Esto da como resultado que no se muestren marcos en DevTools, pero los mensajes de socket funcionan bien con la aplicación. Le pregunté a algunas otras personas y algunas de ellas no tienen este problema.

Me pregunto si tengo una extensión que está causando este problema o si tengo alguna otra configuración arcana que podría estar bloqueando la visualización de los cuadros.


El "panel de detalles del marco" inferior a veces oculta el panel de "lista de marcos", a menos que coloque el mouse debajo del encabezado de una columna y arrastre hacia abajo.

Actualización 1: como señaló Sylvain Girard, este es el problema 895548 Chromium

Actualización 4: se ha solucionado en Chrome 72, disponible en canal estable


Podría haber sido tan simple como crear un problema con el equipo de Chromium ... que es lo que hice y adivina qué: hay 895548

Me lo puedes agradecer después :)


Ugh, la interfaz de usuario estaba tirando la lana sobre mis ojos. El panel que muestra los nuevos cuadros se levantó completamente para que no pudiera verlos.

Es un panel dividido con el resumen del cuadro en la parte superior y el inspector de cuadros individual en la parte inferior, pero el divisor dividido fue arrastrado hasta la parte superior. Fue difícil ver eso. Equipo de la interfaz de usuario de Google: sería genial proporcionar un mejor indicador visual sobre esto :)