用途:LogRocket 是会话回放平台,结合错误追踪、性能监控与产品分析,捕获用户交互以帮助调试用户问题。
主要能力:会话回放;自动捕获控制台日志与网络请求;React 组件错误与错误边界崩溃捕获;性能指标(页面加载、FCP、LCP、TTI、网络请求耗时);自定义事件与用户识别;Redux 中间件集成;隐私脱敏与条件录制。
使用方式:安装 npm install logrocket logrocket-react;在入口最先导入初始化文件并调用 LogRocket.init('your-app-id/your-project');React 项目在 init 后调用 setupLogRocketReact(LogRocket)。登录后用 LogRocket.identify(user.id, {...}) 关联用户;用 LogRocket.track('事件名', {...}) 记录事件;用 LogRocket.captureException(error, {...}) 手动上报异常;用 LogRocket.getSessionURL(cb) 获取会话链接用于工单或与 Sentry 等集成。Redux 通过 applyMiddleware(LogRocket.reduxMiddleware()) 接入。Next.js 可在客户端 Provider 的 useEffect 中初始化。
隐私与限制:可通过 inputSanitizer、textSanitizer、requestSanitizer、responseSanitizer 脱敏,用 data-private、lr-hide、data-logrocket-hidden 屏蔽元素;支持 startRecording/stopRecording 与 shouldSendData 采样。资料未提供收费、价格与平台支持范围等信息。