核心功能
用户操作录制
自动记录用户的鼠标点击、页面滚动、表单输入、导航行为等操作,生成直观的会话回放视频
异常关联
将会话重放与异常追踪结合,自动关联异常发生时的用户操作和页面状态
交互分析
提供用户交互时间线,展示操作序列、页面加载时间以及关键事件的发生点
隐私保护
提供灵活的隐私配置,可屏蔽敏感信息或限制录制范围,确保数据合规性
价值与优势
| 优势 | 描述 |
|---|---|
| 直观问题定位 | 通过可视化回放,快速了解用户遇到问题的具体操作路径,减少排查时间 |
| 提升用户体验 | 洞察用户行为模式,发现交互痛点,优化页面设计和功能逻辑 |
| 数据驱动优化 | 结合异常数据和用户行为分析,为产品迭代提供可靠的数据支持 |
使用场景
问题复现
问题复现
通过重放用户会话,复现异常发生时的操作场景,快速定位问题根源。
用户行为分析
用户行为分析
分析用户在关键页面(如支付、注册)的行为,优化用户体验和转化率。
调试与优化
调试与优化
结合异常追踪,识别页面加载慢、交互卡顿等问题,优化前端性能。
客户支持
客户支持
通过回放用户会话,快速了解用户反馈的问题,提供更精准的支持。
会话重放流程
1
行为记录与回放
在录制阶段,录制 SDK 会将当前 DOM 和 CSS 样式打快照,并在用户行为(DOM 变化、鼠标移动、点击、表单输入等)发生时收集对应的事件。通过序列化、压缩、去除敏感信息后进行数据上报。
2
问题分析与优化
Flashduty RUM 提供丰富的行为数据和分析工具,帮助定位问题并优化体验。
核心行为数据
| 数据类型 | 说明 |
|---|---|
| 用户交互 | 点击、滚动、输入、导航等操作的时间线 |
| 页面性能 | 页面加载时间、资源加载失败、API 调用延迟等 |
| 异常上下文 | 异常发生时的页面状态、DOM 结构和用户操作 |
上下文信息
- 用户环境:浏览器、设备、操作系统、网络状况
- 操作路径:用户在会话中的完整操作序列
- 页面快照:异常发生时的页面 DOM 快照
问题类型与定位
| 问题类型 | 典型表现 | 可能原因 | 定位方法 |
|---|---|---|---|
| 页面加载慢 | 页面白屏、加载超时 | 资源加载失败、网络延迟 | 查看是否有资源加载异常 |
| 功能失效 | 按钮点击无反应 | 代码逻辑错误、事件绑定问题 | 查看具体行为和异常 |
| 表单提交失败 | 数据未保存、提交失败 | API 响应错误、表单验证问题 | 查看错误和异常详情 |
问题分析工具
- 会话回放面板
- 事件与上下文关联
在播放器中,您可以查看用户的所有操作,包括点击、滚动和输入等,支持快进、回放和 seek 等播放行为控制,帮助开发者直观复现问题场景并精准分析用户行为。