开发者工具

借助内置于会话回放的开发者工具更快地调试

像问题发生在你的本地环境中一样排查用户会话问题。访问完整的技术上下文：日志、错误、网络请求、JS 事件等等。消除猜测，以创纪录的速度修复问题。

Network Requests

Method	URL	Status	Time	Size
POST	https://api.openai.com/v1/chat/	500	340 ms	1.8 KB
POST	https://api.example.com/v1/auth/	401	230 ms	1.2 KB
GET	https://api.example.com/v1/redirect	302	80 ms	600 B
GET	https://api.example.com/v1/status	101	50 ms	400 B

无需反复沟通即可解决问题

精确复现缺陷

复现缺陷无需四处寻找线索。访问控制台日志、网络调用、状态变更，并查看底层触发了什么。

更快的解决时间

直接进入用户的会话，并完全按照错误发生时的样子复现它们。消除反复沟通，在几分钟内解决问题，而不是几天。

完全掌控数据

以自托管方式使用 OpenReplay，或将其部署在专属云环境中。保持合规，满足最严格的监管要求。

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

复现该缺陷所需的全部上下文

Console

了解错误的根本原因

在会话回放中直接查看带有完整堆栈跟踪和 sourcemaps 的 JavaScript 错误。准确识别用户交互期间错误发生的时间和位置。

如何识别并解决错误

Network

检查每一个请求

检查 API 调用，跟踪失败的请求，并在敏感数据已脱敏的情况下分析响应负载。了解网络瓶颈，快速识别影响用户体验的缺失资源。

了解有关网络请求的更多信息

性能指标

监控资源使用情况

在每次会话期间监控 CPU 使用率、内存堆、DOM 节点和帧率。识别性能瓶颈，发现是什么拖慢了你的应用。

了解性能监控

状态管理

追踪状态变更

跟踪用户会话期间应用程序的状态变更。了解数据如何在应用程序中流动，并识别意外的状态变更。

查看受支持的 stores 列表

X-Ray

将技术问题与用户行为关联起来

在会话录制中获取网络故障、性能下降、JavaScript 错误和用户挫败感的统一视图。

在完整的浏览器上下文中调试问题

无法复现这个缺陷？

将含糊的缺陷报告转化为精确的复现步骤。准确查看用户浏览器中发生了什么，并在你的开发环境中重现问题。

API 在生产环境中失败？

在会话上下文中查看网络活动并检查失败的请求。识别负载问题、身份验证失败以及其他与 API 相关的问题。

用户反映应用很慢？

将帧率、CPU 和内存与用户操作同步分析，在真实使用中捕捉性能瓶颈

开发者工具常见问题

还有疑问？联系支持团队

OpenReplay 开发者工具如何帮助我更快地复现 bug？

OpenReplay 会捕获完整的用户会话，包括控制台日志、网络活动、内存使用和状态变化。借助集成在会话回放中的开发者工具，您可以观察发生了什么并检查技术上下文——就像在本地环境中调试一样。

OpenReplay 会追踪带有堆栈跟踪的 JavaScript 错误吗？

会。JavaScript 错误会连同完整的堆栈跟踪和 sourcemap 支持一并捕获。您可以直接从会话回放追溯到原始源代码。

OpenReplay 与其他会话回放工具有何不同？

OpenReplay 是为数不多在会话回放中包含开发者工具数据的会话回放和产品分析平台之一。它还可以自托管且开源，让您拥有完全的控制权，并能在其之上进行二次开发。

我可以在 OpenReplay 中检查 API 错误和网络请求吗？

可以。OpenReplay 包含一个基于会话的网络检查器，让您可以在上下文中查看所有请求、响应、状态码和负载。您可以快速定位失败的 API 调用。

我可以监控前端性能，比如 CPU 和内存使用情况吗？

可以。OpenReplay 开发者工具会追踪 CPU 使用率、内存堆、DOM 节点数量和帧率（FPS）。您可以在真实用户会话中识别性能瓶颈。

我可以在使用 OpenReplay 开发者工具的同时保护敏感的用户数据吗？

可以。您可以对负载中的特定字段进行脱敏处理，在隐藏敏感数据的同时，仍保留调试所需的技术上下文。