OpenReplay Logo
12k
12k

Ferramentas para Desenvolvedores

Depure mais rápido com as Ferramentas para Desenvolvedores integradas à reprodução de sessão

Solucione os problemas das sessões de usuários como se eles tivessem acontecido no seu ambiente local. Acesse o contexto técnico completo: logs, erros, requisições de rede, eventos JS e muito mais. Elimine suposições e corrija problemas em tempo recorde.

Network Requests

MethodURLStatusTimeSize
POSThttps://api.openai.com/v1/chat/500340 ms1.8 KB
POSThttps://api.example.com/v1/auth/401230 ms1.2 KB
GEThttps://api.example.com/v1/redirect30280 ms600 B
GEThttps://api.example.com/v1/status10150 ms400 B

Resolva problemas sem o vai e vem

Reprodução precisa de bugs

Reproduza bugs sem caçar pistas. Acesse logs do console, chamadas de rede, mudanças de estado e veja o que foi acionado nos bastidores.

Menor tempo até a resolução

Entre diretamente nas sessões dos seus usuários e reproduza os erros exatamente como ocorreram. Elimine a comunicação de vai e vem e resolva problemas em minutos, não em dias.

Controle total dos dados

Use o OpenReplay auto-hospedado ou em um ambiente de nuvem dedicado. Mantenha a conformidade e atenda aos requisitos regulatórios mais rigorosos.

Gilad Novik
We went from spending hours debugging some production issues down to minutes after using OpenReplay.

Todo o contexto que você precisa para reproduzir aquele bug

Console

Entenda a causa raiz dos erros

Visualize erros JavaScript com stack traces completos e sourcemaps diretamente nas reproduções de sessão. Identifique exatamente quando e onde os erros ocorrem durante as interações dos usuários.

Stack trace do console
Network

Inspecione cada requisição

Inspecione chamadas de API, acompanhe requisições com falha e analise os payloads de resposta com os dados sensíveis higienizados. Entenda os gargalos de rede e identifique rapidamente os recursos ausentes que afetam a experiência do usuário.

Session insights dashboard
Métricas de desempenho

Monitore o uso de recursos

Monitore o uso de CPU, o heap de memória, os nós do DOM e as taxas de quadros ao longo de cada sessão. Identifique gargalos de desempenho e descubra o que está deixando seu aplicativo lento.

Session insights dashboard
Gerenciamento de estado

Rastreie as mudanças de estado

Acompanhe as mudanças de estado do seu aplicativo durante as sessões dos usuários. Veja como os dados fluem pelo seu aplicativo e identifique mutações de estado inesperadas.

Session insights dashboard
X-Ray

Correlacione problemas técnicos com o comportamento do usuário

Obtenha uma visão unificada de falhas de rede, lentidões de desempenho, erros JavaScript e frustrações dos usuários dentro da gravação da sessão.

Session insights dashboard
Integrações

Traga sua stack de observabilidade para as reproduções de sessão e tenha um contexto mais profundo sobre o que deu errado

Conecte as reproduções de sessão ao Sentry, Bugsnag, GraphQL ou Datadog para insights mais profundos e uma depuração mais rápida.

Depure problemas com o contexto completo do navegador

Image

Não consegue reproduzir este bug?

Transforme relatórios de bug vagos em passos de reprodução precisos. Veja exatamente o que aconteceu nos navegadores dos seus usuários e recrie os problemas no seu ambiente de desenvolvimento.

Image

API falhando em produção?

Visualize a atividade de rede e inspecione as requisições com falha dentro do contexto da sessão. Identifique problemas de payload, falhas de autenticação e outros problemas relacionados à API.

Image

Os usuários dizem que o aplicativo está lento?

Analise a taxa de quadros, a CPU e a memória em sincronia com as ações dos usuários para detectar gargalos de desempenho no uso real

FAQ Ferramentas de Desenvolvimento

Mais perguntas? Fale com o suporte
Como as Ferramentas de Desenvolvimento do OpenReplay me ajudam a reproduzir bugs mais rápido?

O OpenReplay captura sessões de usuário completas, incluindo logs de console, atividade de rede, uso de memória e mudanças de estado. Com as Ferramentas de Desenvolvimento integradas ao Replay de Sessão, você pode assistir ao que aconteceu e inspecionar o contexto técnico, exatamente como ao depurar no seu ambiente local.

O OpenReplay rastreia erros de JavaScript com stack traces?

Sim. Os erros de JavaScript são capturados com stack traces completas e suporte a sourcemaps. Você pode rastrear os erros até o código-fonte original diretamente a partir do Replay de Sessão.

Em que o OpenReplay se diferencia de outras ferramentas de replay de sessão?

O OpenReplay é uma das poucas plataformas de replay de sessão e Análise de Produto que inclui dados das Ferramentas de Desenvolvimento dentro dos replays de sessão. Ele também é auto-hospedável e open source, dando a você controle total e a capacidade de construir sobre ele.

Posso inspecionar erros de API e requisições de rede no OpenReplay?

Sim. O OpenReplay inclui um Inspetor de Rede baseado em sessões que permite visualizar todas as requisições, respostas, códigos de status e payloads em contexto. Você pode identificar rapidamente chamadas de API com falha.

Posso monitorar o desempenho do frontend, como o uso de CPU e memória?

Sim. As Ferramentas de Desenvolvimento do OpenReplay rastreiam o uso de CPU, o heap de memória, a contagem de nós do DOM e a taxa de quadros (FPS). Você pode identificar gargalos de desempenho durante sessões reais de usuários.

Posso usar as Ferramentas de Desenvolvimento do OpenReplay mantendo os dados sensíveis dos usuários seguros?

Sim. Você pode sanitizar campos específicos no payload para manter os dados sensíveis ocultos, sem perder o contexto técnico necessário para a depuração.