Sentry vs LogRocket：前端开发者该如何选？

一个错误日志，在 Sentry 里显示“TypeError: Cannot read property ’length’ of undefined”。你翻遍堆栈，定位到第 47 行。但用户到底在哪个页面、点了什么按钮、网络请求返回了什么？这些信息 Sentry 给不了你。

另一个场景：LogRocket 能回放用户会话，鼠标移动、点击、控制台输出都一清二楚。但面对一个线上偶发崩溃，它可能只告诉你“用户遇到了白屏”，没有精确的错误堆栈。

这就是两个工具的本质差异。Sentry 擅长“找出问题在哪”，LogRocket 擅长“还原问题怎么发生”。对 Web 开发者来说，选哪个不是二选一，而是看你的团队处在哪个阶段。

核心差异：错误 vs 行为

Sentry 的核心是错误追踪。它会捕获 JavaScript 异常、Promise rejections、性能指标，然后给你一个带堆栈、环境信息、用户 ID 的错误报告。据 Sentry 官网数据，它支持超过 90 种语言和框架，从 React 到 Go 都能用。

LogRocket 的核心是会话回放。它会录制整个用户操作过程，包括 DOM 变更、网络请求、Redux 状态变化。相当于给每次用户访问装了一个 DVR，你随时可以倒带看。

说白了，Sentry 告诉你“代码哪里炸了”，LogRocket 告诉你“用户是怎么把代码弄炸的”。

实用场景对比

场景一：线上偶发崩溃

你的 React 应用在 Chrome 上偶尔白屏，但本地复现不了。Sentry 会捕捉到错误堆栈，比如某个第三方库的版本冲突。你直接定位到代码行，修掉就完事。LogRocket 在这里帮不上忙，因为崩溃发生在页面加载初期，它可能还没初始化。

场景二：用户反馈“页面卡死了”

用户说“我点了提交按钮，页面没反应”。Sentry 不会记录这个，因为没有报错。LogRocket 回放会话，你看到用户点了按钮，然后网络请求 pending 了 10 秒，最后超时。原来后端接口响应太慢，前端没做 loading 状态。这个场景 LogRocket 完胜。

场景三：性能排查

Sentry 的 Performance 功能可以追踪页面加载时间、API 调用耗时，生成火焰图。LogRocket 也能记录网络请求耗时，但更侧重用户感知——比如用户滚动时页面卡顿，LogRocket 会标记出“长任务”事件。两者各有侧重，Sentry 偏技术指标，LogRocket 偏用户体验。

成本与集成

Sentry 有开源自托管方案，也有 SaaS 版本。免费版每月 5 万次错误事件，对中小团队够用。付费版按事件量计费，价格从每月 26 美元起（据 Sentry 官网定价）。

LogRocket 免费版每月 1000 个会话，每个会话最多 1 小时。付费版按会话量计费，起价每月 99 美元（据 LogRocket 官网）。如果你有高流量应用，成本会快速上升。

集成方面，Sentry 的 SDK 非常轻量，几行代码就能接入。LogRocket 需要额外注意隐私问题——它会录制 DOM，可能包含用户敏感信息（如密码字段）。官方提供了自动遮罩功能，但配置不当可能泄露数据。

团队怎么选？

如果团队还在“修 Bug 靠猜”的阶段，先上 Sentry。它能帮你快速定位线上错误，减少排查时间。据 Sentry 2023 年用户调研，使用后平均问题解决时间缩短了 40%。

如果团队已经能准确定位错误，但用户投诉“体验差”却说不清哪里差，上 LogRocket。它能把模糊的“卡顿”“白屏”变成可回放的具体操作。

当然，很多大厂两个都用。Sentry 负责报警和优先级排序，LogRocket 负责深入分析。但小团队建议先选一个——两个工具叠加的账单和学习成本，可能超过它们带来的收益。

最后说个细节：Sentry 2023 年收购了会话回放公司 Highlight，正在把回放功能整合进产品。LogRocket 也增加了错误聚合和堆栈追踪。两个工具正在互相靠近，但短期内，它们依然是两种不同的思维方式。