Repolode
Enviar
law-chain-hot

law-chain-hot/websocket-devtools

Extensión de DevTools para Chrome y Edge que permite supervisar, simular y bloquear el tráfico WebSocket en el navegador.

Ver en GitHubSitio web
Estrellas
1,198
Forks
59
Issues abiertos
19
Último commit
hace 23 días

¿Qué es?

WebSocket DevTools es una extensión de navegador que añade un panel de WebSocket a DevTools de Chrome y Edge. Captura las conexiones WebSocket y el historial de sus mensajes, incluso las conexiones abiertas antes de iniciar el panel, para que los desarrolladores puedan inspeccionar el tráfico en tiempo real de la página que están depurando.

Además de la inspección pasiva, la extensión permite enviar mensajes personalizados en ambas direcciones entre el cliente y el servidor, con un editor JSON y opciones de formato. También puede bloquear mensajes específicos y simular problemas de red, lo que ayuda a probar cómo se comporta una aplicación en condiciones de fallo. Los mensajes que se usan con frecuencia se pueden guardar como favoritos para reutilizarlos.

La extensión incluye compatibilidad con proxy para conexiones WebSocket dentro de iframes. Los datos se almacenan localmente en el navegador y el proyecto es de código abierto con licencia MIT.

Funciones clave

  • 01Captura conexiones WebSocket en segundo plano, incluso antes de abrir el panel de DevTools.
  • 02Envía mensajes personalizados en ambas direcciones entre el cliente y el servidor.
  • 03Bloquea mensajes específicos y simula problemas de red para realizar pruebas.
  • 04Da formato a las cargas útiles de los mensajes y permite inspeccionarlas con un visor JSON.
  • 05Guarda como favoritos los mensajes que se usan con frecuencia.
  • 06Actúa como proxy para conexiones WebSocket dentro de iframes.

Casos de uso

  • Depurar mensajes de chats en tiempo real o de juegos multijugador en el navegador.
  • Probar cómo gestiona el front-end los mensajes WebSocket perdidos o mal formados.
  • Reproducir o inyectar mensajes del servidor para reproducir un error sin un backend activo.

Inicio rápido

  1. 1

    Instálalo desde Chrome Web Store

  2. 2

    O instálalo desde la tienda de complementos de Microsoft Edge

  3. 3

    Abre DevTools (F12) y selecciona la pestaña WebSocket DevTools

Antes de usarlo

  • Las instalaciones manuales desde GitHub no se actualizan automáticamente.
  • Solo funciona en Chrome y Edge.

Temas

#websocket#devtools#chrome-extension#debugging#real-time#network#chrome-extensions#real-time-chat#real-time-monitoring#socket-io

Preguntas frecuentes

¿Qué es websocket-devtools?
Extensión de DevTools para Chrome y Edge que permite supervisar, simular y bloquear el tráfico WebSocket en el navegador. WebSocket DevTools es una extensión de navegador que añade un panel de WebSocket a DevTools de Chrome y Edge. Captura las conexiones WebSocket y el historial de sus mensajes, incluso las conexiones abiertas antes de iniciar el panel, para que los desarrolladores puedan inspeccionar el tráfico en tiempo real de la página que están depurando.
¿websocket-devtools es gratuito? ¿Qué licencia tiene?
websocket-devtools es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿websocket-devtools sigue mantenido?
Mantenimiento activo. El último commit de websocket-devtools fue el 28 sept 2026.
¿Para qué puedo usar websocket-devtools?
Depurar mensajes de chats en tiempo real o de juegos multijugador en el navegador. Probar cómo gestiona el front-end los mensajes WebSocket perdidos o mal formados. Reproducir o inyectar mensajes del servidor para reproducir un error sin un backend activo.
¿Cómo se instala websocket-devtools?
Instálalo desde Chrome Web Store O instálalo desde la tienda de complementos de Microsoft Edge Abre DevTools (F12) y selecciona la pestaña WebSocket DevTools
¿Dónde consigo websocket-devtools?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/law-chain-hot/websocket-devtools

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados