'%20/%3e%3cpath%20d='M30.5%2024.5L22.5%2030V21L30.5%2016V24.5Z'%20fill='url(%23paint1_linear_215_417)'%20/%3e%3cpath%20d='M7.99985%2012.5002L22.4999%2021.0001L22.5%2038L7.99983%2028.725L7.99985%2012.5002Z'%20fill='url(%23paint2_linear_215_417)'%20stroke='%23107FDD'%20stroke-width='0.1'%20/%3e%3cpath%20d='M30.5%2016L22.5%2011L14%2016L22.5%2021L30.5%2016Z'%20fill='%23CBF0FF'%20/%3e%3cpath%20d='M25.7001%2019L22.5001%2017L19.1001%2019L22.5001%2021L25.7001%2019Z'%20fill='white'%20stroke='white'%20stroke-width='0.1'%20/%3e%3cpath%20d='M14%2024.8148L22.5%2030V21L14%2016V24.8148Z'%20fill='%2334BEF9'%20stroke='%2380D9FF'%20stroke-width='0.1'%20/%3e%3cpath%20d='M25.7%2023.1331L22.5%2025.1998V21.0664L25.7%2019.0823V23.1331Z'%20fill='%23B7C7D6'%20stroke='white'%20stroke-width='0.1'%20/%3e%3cpath%20d='M19%2023.1333L22.5%2025.2V21.0667L19%2019V23.1333Z'%20fill='%23CBF0FD'%20stroke='white'%20stroke-width='0.1'%20/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_215_417'%20x1='22.5'%20y1='3.5'%20x2='22.5'%20y2='21'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230083B8'%20/%3e%3cstop%20offset='1'%20stop-color='%2336C0FA'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_215_417'%20x1='33.5'%20y1='22'%20x2='20'%20y2='31'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232783D4'%20/%3e%3cstop%20offset='1'%20stop-color='%2314446E'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_215_417'%20x1='1'%20y1='17.5'%20x2='24'%20y2='33'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2312426B'%20/%3e%3cstop%20offset='1'%20stop-color='%232380D1'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
Tipo e categoria do erro
Identifique rapidamente se a falha é de runtime, integração, script ou renderização.
Feature dedicada: Logs de erros
Descubra erros com contexto real, não apenas mensagens soltas.
Investigue falhas de front-end com rota, ambiente, fingerprint, sessão e comportamento anterior ao incidente. Entenda o que aconteceu, onde aconteceu e o que o usuário fez antes da falha em uma visão única e acionável.
Erro selecionado
- TypeError: Cannot read properties...
- Rota: /checkout/finalizacao
- Linha: checkout.ts:184
Stack / trecho
at handleSubmit (checkout.ts:184:22)at onConfirmClick (button.ts:47:11)at HTMLButtonElement.invokeHandler (...)Últimas atividades da sessão
- 10:41:17 · Clique em “Aplicar cupom”
- 10:41:23 · Modal aberto
- 10:41:29 · Clique em “Finalizar pedido”
Ambiente e sessão
- SO: iOS 17 · Safari 17
- Viewport: 390 x 844 · DPR 3
- IP: 177.xxx.xxx.12 · BR
- Sessão: sess_8f9a2c
O que são os Logs de erros
Observabilidade de front-end com leitura técnica e contexto de sessão.
A funcionalidade de Logs de erros do WebScanner organiza e detalha incidentes ocorridos durante a navegação real dos usuários. Em vez de mostrar apenas uma mensagem isolada de console, a plataforma apresenta categoria do erro, origem, rota, ambiente e dados da sessão relacionada.
O resultado é uma análise investigativa mais completa: você conecta falha técnica, condições de execução e comportamento anterior do usuário para encontrar causa raiz com mais precisão e agir mais rápido.
O que você consegue visualizar
Tudo que importa para investigar incidentes com profundidade.
Data e ocorrência
Veja quando aconteceu e acompanhe recorrência por período para priorizar triagem.
Rota e página afetada
Saiba exatamente em qual fluxo o erro ocorreu para reduzir tempo de investigação.
Origem e ponto de falha
Analise linha, trecho, stack e contexto técnico relacionado à exceção.
Sistema e navegador
Compare ambiente do usuário para localizar problemas específicos de plataforma.
Fingerprint e identificador
Agrupe ocorrências parecidas e reconheça erros recorrentes com mais consistência.
Sessão associada
Conecte erro ao identificador de sessão para investigação comportamental completa.
Localização, endereço e IP
Adicione contexto geográfico e de origem para compreender cenários de ocorrência.
Parâmetros, viewport e DPR
Veja parâmetros de URL e detalhes de exibição para reproduzir condições reais.
Sessão visual relacionada
Abra a experiência exata do usuário para ver o que antecedeu a falha.
Últimas atividades até o erro
Rastreie ações anteriores como cliques, navegação e abertura de componentes.
Busca rápida por termo
Pesquise por tipo, nome, fingerprint, rota ou trecho para achar o erro certo.
Como funciona na prática
Um fluxo de investigação claro para chegar na causa com mais contexto.
- 1
Busque o erro por tipo, fingerprint, rota ou trecho específico.
- 2
Organize a visualização com filtros e ordenação (mais recentes, mais antigos, alfabética e por rota).
- 3
Abra o erro desejado e valide categoria, origem, mensagem e stack.
- 4
Analise dados de ambiente: sistema, navegador, resolução, viewport e DPR.
- 5
Consulte a sessão associada e a página exata onde a falha aconteceu.
- 6
Visualize as últimas atividades do usuário até o momento do erro.
- 7
Correlacione comportamento e contexto técnico para encontrar a causa com precisão.
Por que isso importa
Menos tempo perdido na investigação e mais estabilidade para o produto.
Reduzir tempo de investigação com busca e triagem mais objetiva.
Facilitar reprodução de bugs com contexto técnico e comportamental no mesmo fluxo.
Identificar erros recorrentes antes de virarem incidente crítico.
Entender impacto real da falha na jornada do usuário.
Priorizar correções com base em evidência e não apenas em suposição.
Melhorar estabilidade da aplicação e qualidade da experiência.
Aumentar alinhamento entre engenharia, produto, suporte e operação.
Diminuir retrabalho na análise de falhas complexas de front-end.
Exemplo de investigação real
Um erro intermitente de checkout aparecia apenas em iOS. Com busca por fingerprint e filtros de ambiente, o time isolou as sessões afetadas e percebeu que a falha acontecia após abrir um modal e enviar o formulário sem recarregar a etapa. A correção foi aplicada no tratamento de estado e o erro deixou de ocorrer.
Ideal para quem
Times que precisam investigar falhas com visão técnica e contexto real.
Engenharia
Investiga origem do erro com dados técnicos completos e contexto de sessão real.
QA
Reproduz cenários com mais assertividade ao combinar ambiente, rota e comportamento anterior.
Produto
Prioriza correções com base no impacto real em fluxo, conversão e experiência do usuário.
Suporte técnico
Entende chamados com mais rapidez ao abrir a sessão vinculada ao erro reportado.
Customer Success
Ganha contexto para orientar cliente com respostas práticas e menos especulativas.
UX
Analisa se a falha foi disparada por padrão de interação, usabilidade ou estado da interface.
Founders e gestores
Acompanham saúde do produto com visão clara de estabilidade e risco operacional.
Diferenciais
Mais contexto para investigar e priorizar correções com segurança.
Erro técnico com contexto de sessão em uma única leitura.
Dados técnicos e comportamentais apresentados no mesmo painel.
Busca por tipo, fingerprint, rota e termos específicos.
Filtros e ordenações para triagem operacional rápida.
Abertura da sessão relacionada diretamente pelo log.
Rastreamento das ações anteriores ao erro.
Correlação entre ambiente, página e interação do usuário.
Investigação prática para decidir correção com mais segurança.
FAQ
Perguntas frequentes sobre Logs de erros.
Sim. Você pode buscar por tipo, nome, fingerprint, rota e termos da mensagem para localizar rapidamente ocorrências relevantes.
Próximo passo
Investigue erros com sessão, ambiente e comportamento em um só lugar.
Se você quer reduzir tempo de diagnóstico, reproduzir falhas com mais facilidade e priorizar correções com contexto, os Logs de erros do WebScanner entregam uma observabilidade mais prática, clara e acionável.