Repolode
Enviar
law-chain-hot

law-chain-hot/websocket-devtools

Extensão para DevTools do Chrome e Edge que monitora, simula e bloqueia tráfego WebSocket no navegador.

Ver no GitHubSite
Estrelas
1,198
Forks
59
Issues abertas
19
Último commit
há 23 dias

O que é?

WebSocket DevTools é uma extensão de navegador que adiciona um painel WebSocket ao DevTools do Chrome e do Edge. Ela captura conexões WebSocket e o histórico de mensagens, inclusive de conexões abertas antes de o painel ser iniciado, permitindo que desenvolvedores inspecionem o tráfego em tempo real da página que estão depurando.

Além da inspeção passiva, a extensão permite enviar mensagens personalizadas nos dois sentidos entre cliente e servidor, com um editor JSON e suporte à formatação. Também é possível bloquear mensagens específicas e simular problemas de rede, o que ajuda a testar como uma aplicação se comporta em condições de falha. Mensagens usadas com frequência podem ser salvas como favoritas para reutilização.

A extensão oferece suporte a proxy para conexões WebSocket dentro de iframes. Os dados são armazenados localmente no navegador, e o projeto é open source sob a licença MIT.

Recursos principais

  • 01Captura conexões WebSocket em segundo plano, mesmo antes de o painel do DevTools ser aberto.
  • 02Envia mensagens personalizadas nos dois sentidos entre cliente e servidor.
  • 03Bloqueia mensagens específicas e simula problemas de rede para testes.
  • 04Formata e inspeciona o conteúdo das mensagens com um visualizador JSON.
  • 05Salva mensagens usadas com frequência como favoritas.
  • 06Usa proxy para conexões WebSocket dentro de iframes.

Casos de uso

  • Depurar mensagens de chats em tempo real ou de jogos multiplayer no navegador.
  • Testar como o front-end lida com mensagens WebSocket perdidas ou malformadas.
  • Reproduzir ou injetar mensagens do servidor para reproduzir um bug sem um backend ativo.

Início rápido

  1. 1

    Instale pela Chrome Web Store

  2. 2

    Ou instale pela loja de complementos do Microsoft Edge

  3. 3

    Abra o DevTools (F12) e selecione a aba WebSocket DevTools

Antes de usar

  • Instalações manuais pelo GitHub não são atualizadas automaticamente.
  • Funciona apenas no Chrome e no Edge.

Tópicos

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

Perguntas frequentes

O que é websocket-devtools?
Extensão para DevTools do Chrome e Edge que monitora, simula e bloqueia tráfego WebSocket no navegador. WebSocket DevTools é uma extensão de navegador que adiciona um painel WebSocket ao DevTools do Chrome e do Edge. Ela captura conexões WebSocket e o histórico de mensagens, inclusive de conexões abertas antes de o painel ser iniciado, permitindo que desenvolvedores inspecionem o tráfego em tempo real da página que estão depurando.
websocket-devtools é gratuito? Qual é a licença?
websocket-devtools é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
websocket-devtools ainda é mantido?
Manutenção ativa. O último commit de websocket-devtools foi em 28 de set. de 2026.
Para que posso usar websocket-devtools?
Depurar mensagens de chats em tempo real ou de jogos multiplayer no navegador. Testar como o front-end lida com mensagens WebSocket perdidas ou malformadas. Reproduzir ou injetar mensagens do servidor para reproduzir um bug sem um backend ativo.
Como instalar websocket-devtools?
Instale pela Chrome Web Store Ou instale pela loja de complementos do Microsoft Edge Abra o DevTools (F12) e selecione a aba WebSocket DevTools
Onde consigo websocket-devtools?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/law-chain-hot/websocket-devtools

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados