> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flashcat.cloud/llms.txt
> Use this file to discover all available pages before exploring further.

# 功能概览

> 掌握 Flashduty RUM 的会话重放功能，通过重现用户操作路径快速定位问题并优化用户体验。

Flashduty RUM 的**会话重放功能**（Session Replay）是一款强大的用户行为分析工具，旨在帮助开发者通过重现用户在网站或应用中的操作路径，结合 RUM 性能和异常追踪数据，可直观了解用户体验，快速定位问题根因。

## 核心功能

<CardGroup cols={2}>
  <Card title="用户操作录制" icon="video">
    自动记录用户的鼠标点击、页面滚动、表单输入、导航行为等操作，生成直观的会话回放视频
  </Card>

  <Card title="异常关联" icon="link">
    将会话重放与异常追踪结合，自动关联异常发生时的用户操作和页面状态
  </Card>

  <Card title="交互分析" icon="timeline">
    提供用户交互时间线，展示操作序列、页面加载时间以及关键事件的发生点
  </Card>

  <Card title="隐私保护" icon="shield">
    提供灵活的隐私配置，可屏蔽敏感信息或限制录制范围，确保数据合规性
  </Card>
</CardGroup>

## 价值与优势

| 优势         | 描述                               |
| ---------- | -------------------------------- |
| **直观问题定位** | 通过可视化回放，快速了解用户遇到问题的具体操作路径，减少排查时间 |
| **提升用户体验** | 洞察用户行为模式，发现交互痛点，优化页面设计和功能逻辑      |
| **数据驱动优化** | 结合异常数据和用户行为分析，为产品迭代提供可靠的数据支持     |

## 使用场景

<AccordionGroup>
  <Accordion title="问题复现">
    通过重放用户会话，复现异常发生时的操作场景，快速定位问题根源。
  </Accordion>

  <Accordion title="用户行为分析">
    分析用户在关键页面（如支付、注册）的行为，优化用户体验和转化率。
  </Accordion>

  <Accordion title="调试与优化">
    结合异常追踪，识别页面加载慢、交互卡顿等问题，优化前端性能。
  </Accordion>

  <Accordion title="客户支持">
    通过回放用户会话，快速了解用户反馈的问题，提供更精准的支持。
  </Accordion>
</AccordionGroup>

## 会话重放流程

<Steps>
  <Step title="行为记录与回放">
    在录制阶段，录制 SDK 会将当前 DOM 和 CSS 样式打快照，并在用户行为（DOM 变化、鼠标移动、点击、表单输入等）发生时收集对应的事件。通过序列化、压缩、去除敏感信息后进行数据上报。
  </Step>

  <Step title="问题分析与优化">
    Flashduty RUM 提供丰富的行为数据和分析工具，帮助定位问题并优化体验。
  </Step>
</Steps>

### 核心行为数据

| 数据类型      | 说明                      |
| --------- | ----------------------- |
| **用户交互**  | 点击、滚动、输入、导航等操作的时间线      |
| **页面性能**  | 页面加载时间、资源加载失败、API 调用延迟等 |
| **异常上下文** | 异常发生时的页面状态、DOM 结构和用户操作  |

### 上下文信息

* **用户环境**：浏览器、设备、操作系统、网络状况
* **操作路径**：用户在会话中的完整操作序列
* **页面快照**：异常发生时的页面 DOM 快照

### 问题类型与定位

| 问题类型       | 典型表现       | 可能原因            | 定位方法        |
| ---------- | ---------- | --------------- | ----------- |
| **页面加载慢**  | 页面白屏、加载超时  | 资源加载失败、网络延迟     | 查看是否有资源加载异常 |
| **功能失效**   | 按钮点击无反应    | 代码逻辑错误、事件绑定问题   | 查看具体行为和异常   |
| **表单提交失败** | 数据未保存、提交失败 | API 响应错误、表单验证问题 | 查看错误和异常详情   |

## 问题分析工具

<Tabs>
  <Tab title="会话回放面板">
    在播放器中，您可以查看用户的所有操作，包括点击、滚动和输入等，支持快进、回放和 seek 等播放行为控制，帮助开发者直观复现问题场景并精准分析用户行为。
  </Tab>

  <Tab title="事件与上下文关联">
    会话回放支持与各类事件（如视图加载、错误、用户行为）关联，允许查看详细的 errors 和 attributes（上下文信息，如设备类型、浏览器版本、地理位置等），方便定位问题根因并进行深入分析。
  </Tab>
</Tabs>

## 下一步

<CardGroup cols={3}>
  <Card title="SDK 配置" icon="gear" href="./sdk-config">
    配置会话重放采集
  </Card>

  <Card title="查看会话回放" icon="play" href="./session-viewing">
    学习如何查看重放记录
  </Card>

  <Card title="隐私保护" icon="shield" href="./privacy-protection">
    了解隐私保护设置
  </Card>
</CardGroup>