Flashduty RUM 的会话重放功能通过直观地重现用户操作路径,帮助开发者快速定位问题、分析用户行为并优化产品体验。集成于 RUM SDK 中,只需简单配置即可启用,支持灵活的采样策略和隐私规则设置。
会话列表
在「会话重放」菜单中,您可以查看最近的会话记录,默认按时间倒序排列。
支持的功能:
- 按会话时长、视图数量、行为数量、异常数量等字段排序
- 丰富的筛选条件(如时间范围、页面、标签等)
点击任一记录项,将打开播放器面板:
| 区域 | 说明 |
|---|
| 信息展示区 | 展示会话的访问时间、起始与结束页面、标签等上下文信息 |
| 播放区 | 以用户视角重现操作路径,清晰展示用户交互细节 |
| 播放控制区 | 提供播放控制功能,方便操作 |
为方便快速浏览,列表中仅展示持续时间大于 3 秒的回放。
播放器
播放器支持播放、暂停、快进、快退、重播、倍速播放、全屏和 Seek 等功能,并支持快捷键操作,提升使用效率。
播放过程中,时间轴上会以不同颜色的图标标记用户行为(Action)和异常(Error),便于快速概览会话中的关键事件。
默认情况下,播放器会自动跳过非活跃片段以提高查看效率。您也可以通过配置关闭此功能,按实际时序完整播放。
通过「查看全部事件和异常」功能,可进入宽屏模式,查看会话的操作时间线和详细分析。
Events Tab
Error Tab
Network Tab
Attributes Tab
展示会话中的所有用户操作,支持以下功能:
- 切换相对时间与绝对时间显示
- 按事件类型筛选(如点击、页面跳转等)
- 点击具体事件,播放器将自动跳转至对应时间戳
列出会话中的所有异常和问题,支持点击跳转至详细错误信息,便于快速定位和分析。
展示会话期间所有网络请求的详细信息,帮助您分析资源加载和 API 调用情况。支持的功能:
- 按资源类型筛选:默认选中 XHR 和 Fetch 请求,也可查看 Image、JS、CSS、Font、Document、Media 等静态资源类型
- 切换相对时间与绝对时间显示
- 按状态码或 URL 搜索请求记录。状态码搜索支持高级语法,例如
200(匹配成功请求)、-200(排除 200)、>=400(匹配错误请求)、多条件组合(如 -200 -202)
- 点击任意请求记录,可打开资源详情侧栏查看完整的时序信息
每条请求记录展示以下字段:| 字段 | 说明 |
|---|
| 时间 | 请求发生的时间 |
| 状态码 | HTTP 响应状态码 |
| 类型 | 资源类型(XHR、Fetch、Image 等) |
| 方法 | HTTP 请求方法(GET、POST 等) |
| URL | 请求的完整地址 |
| 大小 | 响应体大小 |
展示会话的上下文信息(如设备、浏览器、地理位置等),帮助开发者深入了解问题背景并进行精准定位。
下一步