OpenReplay Logo
12k
12k

Herramientas para Desarrolladores

Depura más rápido con las Herramientas para Desarrolladores integradas en la reproducción de sesión

Soluciona los problemas de las sesiones de usuario como si hubieran ocurrido en tu entorno local. Accede al contexto técnico completo: registros, errores, solicitudes de red, eventos JS y mucho más. Elimina las conjeturas y corrige los problemas en tiempo récord.

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

Resuelve los problemas sin idas y vueltas

Reproducción precisa de errores

Reproduce los errores sin perseguir pistas. Accede a los registros de la consola, las llamadas de red, los cambios de estado y observa qué se activó internamente.

Menor tiempo hasta la resolución

Entra directamente en las sesiones de tus usuarios y reproduce los errores exactamente como ocurrieron. Elimina la comunicación de idas y vueltas y resuelve los problemas en minutos, no en días.

Control total de los datos

Usa OpenReplay autoalojado o en un entorno de nube dedicado. Mantén el cumplimiento y satisface los requisitos regulatorios más estrictos.

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

Todo el contexto que necesitas para reproducir ese error

Console

Comprende la causa raíz de los errores

Visualiza los errores de JavaScript con trazas de pila completas y sourcemaps directamente en las reproducciones de sesión. Identifica exactamente cuándo y dónde ocurren los errores durante las interacciones de los usuarios.

Traza de pila de la consola
Network

Inspecciona cada solicitud

Inspecciona las llamadas a la API, rastrea las solicitudes fallidas y analiza las cargas útiles de las respuestas con los datos sensibles depurados. Comprende los cuellos de botella de la red e identifica rápidamente los recursos faltantes que afectan la experiencia del usuario.

Session insights dashboard
Métricas de rendimiento

Monitorea el uso de recursos

Monitorea el uso de CPU, el montículo de memoria, los nodos del DOM y las tasas de fotogramas a lo largo de cada sesión. Identifica los cuellos de botella de rendimiento y detecta qué está ralentizando tu aplicación.

Session insights dashboard
Gestión del estado

Rastrea los cambios de estado

Sigue los cambios de estado de tu aplicación durante las sesiones de los usuarios. Observa cómo fluyen los datos por tu aplicación e identifica las mutaciones de estado inesperadas.

Session insights dashboard
X-Ray

Correlaciona los problemas técnicos con el comportamiento del usuario

Obtén una vista unificada de los fallos de red, las ralentizaciones de rendimiento, los errores de JavaScript y las frustraciones de los usuarios dentro de la grabación de la sesión.

Session insights dashboard
Integraciones

Lleva tu stack de observabilidad a las reproducciones de sesión para obtener un contexto más profundo sobre lo que salió mal

Vincula las reproducciones de sesión con Sentry, Bugsnag, GraphQL o Datadog para obtener información más profunda y una depuración más rápida.

Depura los problemas con el contexto completo del navegador

Image

¿No puedes reproducir este error?

Transforma los informes de errores vagos en pasos de reproducción precisos. Observa exactamente qué ocurrió en los navegadores de tus usuarios y recrea los problemas en tu entorno de desarrollo.

Image

¿La API falla en producción?

Visualiza la actividad de red e inspecciona las solicitudes fallidas dentro del contexto de la sesión. Identifica los problemas de carga útil, los fallos de autenticación y otros problemas relacionados con la API.

Image

¿Los usuarios dicen que la aplicación va lenta?

Analiza la tasa de fotogramas, la CPU y la memoria en sincronía con las acciones de los usuarios para detectar los cuellos de botella de rendimiento en el uso real

FAQ Herramientas para desarrolladores

¿Más preguntas? Contacta con el soporte
¿Cómo me ayudan las Herramientas de desarrollo de OpenReplay a reproducir errores más rápido?

OpenReplay captura sesiones completas de usuario, incluidos los registros de la consola, la actividad de red, el uso de memoria y los cambios de estado. Con las Herramientas de desarrollo integradas en la Repetición de sesión, puedes ver lo que ocurrió e inspeccionar el contexto técnico, igual que cuando depuras en tu entorno local.

¿OpenReplay rastrea los errores de JavaScript con sus trazas de pila?

Sí. Los errores de JavaScript se capturan con trazas de pila completas y soporte de sourcemaps. Puedes rastrear los errores hasta el código fuente original directamente desde la Repetición de sesión.

¿En qué se diferencia OpenReplay de otras herramientas de repetición de sesión?

OpenReplay es una de las pocas plataformas de repetición de sesión y analítica de producto que incluye los datos de las Herramientas de desarrollo dentro de las repeticiones de sesión. También es autoalojable y open source, lo que te brinda un control total y la posibilidad de construir sobre ella.

¿Puedo inspeccionar errores de API y solicitudes de red en OpenReplay?

Sí. OpenReplay incluye un inspector de red basado en sesiones que te permite visualizar todas las solicitudes, respuestas, códigos de estado y cargas útiles en su contexto. Puedes identificar rápidamente las llamadas de API que fallan.

¿Puedo monitorizar el rendimiento del frontend, como el uso de CPU y memoria?

Sí. Las Herramientas de desarrollo de OpenReplay rastrean el uso de CPU, el montículo de memoria, el número de nodos del DOM y los fotogramas por segundo (FPS). Puedes identificar cuellos de botella de rendimiento durante sesiones reales de usuarios.

¿Puedo usar las Herramientas de desarrollo de OpenReplay manteniendo seguros los datos sensibles de los usuarios?

Sí. Puedes sanear campos específicos de la carga útil para ocultar los datos sensibles, conservando al mismo tiempo el contexto técnico necesario para la depuración.