O Registo de Consola captura toda a saída da consola (console.log, console.warn, console.error, console.info) e exibe-a num painel flutuante diretamente na página. Veja erros de JavaScript, mensagens de depuração e avisos em tempo real sem abrir as DevTools do navegador. As mensagens são codificadas por cores por tipo e incluem carimbos de data/hora e rastreios de pilha para erros.
Abrir as DevTools do navegador apenas para verificar a saída da consola ocupa um espaço valioso no ecrã — especialmente em ecrãs pequenos ou quando precisa de ver a página completa enquanto monitoriza os registos. O Registo de Consola fornece uma alternativa leve: um painel flutuante que mostra toda a saída da consola à medida que acontece, sobreposta na página. O painel captura console.log, console.warn, console.error, console.info e exceções não capturadas com rastreios de pilha completos. As mensagens são codificadas por cores (erros em vermelho, avisos em amarelo, informações em azul, registos em branco/cinzento) e incluem carimbos de data/hora para rastrear quando os eventos ocorrem. Os botões de filtro permitem mostrar apenas tipos de mensagens específicos — mostre apenas erros ao depurar uma falha, ou apenas avisos ao procurar avisos de depreciação. O painel é arrastável, redimensionável e semitransparente para não bloquear demasiado o conteúdo da página.
As mensagens da consola aparecem em tempo real à medida que são registadas. Veja registos de inicialização de página, tratamento de respostas de API, eventos de interação do utilizador e mensagens de erro — tudo transmitido ao vivo no painel flutuante.
Erros em vermelho, avisos em âmbar/amarelo, informações em azul e registos padrão em branco/cinzento. Distinga instantaneamente entre um erro crítico e uma mensagem de registo rotineira apenas pela cor.
Os erros de JavaScript incluem o rastreio de pilha completo com nomes de ficheiros, nomes de funções e números de linha. Clique na referência do ficheiro para identificar exatamente onde o erro teve origem sem abrir as DevTools.
Os botões de filtro no topo permitem mostrar/ocultar tipos de mensagens específicos: Tudo, Apenas Erros, Apenas Avisos, Apenas Informações, Apenas Registos. O emblema de contagem em cada filtro mostra quantas mensagens desse tipo existem.
Cada mensagem mostra a hora em que foi registada (formato HH:MM:SS). Rastreie a sequência de eventos, identifique problemas de performance (quanto tempo entre a chamada da API e a resposta) e correlacione mensagens com ações do utilizador.
Limpe todas as mensagens para começar do zero, ou continue a acumular à medida que interage com a página. O painel mostra a contagem total de mensagens e pode ser minimizado quando não for necessário.
Precisa de ver a saída da consola enquanto mantém a página completa visível? O Registo de Consola permite-lhe monitorizar registos sem que o painel das DevTools ocupe espaço no ecrã. Perfeito em ecrãs pequenos ou durante apresentações.
Se o seu JavaScript regista respostas de API, o Registo de Consola mostra-as em tempo real. Veja dados de pedido/resposta sem alternar entre a página e as DevTools.
Alguns erros de JavaScript falham silenciosamente — sem alteração visível na UI, mas com um erro na consola. O Registo de Consola torna-os visíveis na página para que os note durante a navegação normal.
Durante uma demonstração ao vivo, mantenha o painel do Registo de Consola visível num canto. If algo correr mal, pode ver imediatamente a mensagem de erro sem interromper a demonstração para abrir as DevTools.
Scripts de terceiros (análise, widgets de chat, redes de anúncios) lançam frequentemente erros ou avisos. O Registo de Consola captura-os para que possa monitorizar a saúde das dependências externas.
Abra a doca flutuante do DevSuite Pro e clique no ícone Registo de Consola. Um painel flutuante aparece e começa imediatamente a capturar a saída da consola.
Utilize a página normalmente — clique em botões, navegue, submeta formulários. As mensagens da consola aparecem no painel à medida que são registadas pelo JavaScript da página.
Utilize os botões de filtro para mostrar apenas erros, avisos ou registos. Os emblemas de contagem mostram quantas mensagens existem para cada tipo.
Para mensagens de erro, expanda o rastreio de pilha para ver o ficheiro e o número da linha onde o erro ocorreu. Utilize isto para identificar a origem do bug.
Clique em "Limpar" para repor o painel, ou desative a ferramenta para o fechar. Nenhum rasto é deixado na página.
Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.
