# @amplitude/rrweb 中文文档

规范地址：https://npmcn.com/package/%40amplitude/rrweb/

版本：2\.1\.6
npm 元数据更新时间：2026-11-05T03:03:35.551Z
中文译文更新时间：2026-11-06T01:21:51.101Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40amplitude/rrweb
原文对照：https://npmcn.com/package/%40amplitude/rrweb/?lang=original
项目主页：https://github.com/amplitude/rrweb#readme
源码仓库：https://github.com/amplitude/rrweb

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：6.4 MB，17 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：8 个
- 首次发布：2023-10-24T15:06:55.553Z
- 最新版本发布：2026-11-05T03:03:35.197Z
- 近 30 天下载量：5162613（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：36（近 12 个月 14 个）

## 中文简介

记录和重放网络

## 安装

```sh
npm install @amplitude/rrweb
```

也可以使用：`pnpm add @amplitude/rrweb`、`yarn add @amplitude/rrweb`、`bun add @amplitude/rrweb`

## README

![](https://www.rrweb.io/favicon.png)

[尝试 rrweb](https://www.rrweb.io/)

# 错误网络

**这是比较简单的版本 [原始 rrweb 读取器](https://npmcn.com/package/README.md) 在此 rrweb 子包中**

[中文文档](https://npmcn.com/package/README.zh_CN.md)

rrweb指"记录和回放网络",是记录和回放网络用户互动的工具.

## 指南

[**在这里阅读rrweb指南**](https://npmcn.com/package/guide.md)

[**食谱**](https://npmcn.com/package/docs/recipes/index.md)

## 项目结构

**[错误网络](https://github.com/rrweb-io/rrweb)** 主要包括两种真菌:

-   **记录**: 记录函数用于记录 DOM 中的所有变异
-   **重播**:回放功能是按照相应的时间戳逐一重放所记录的突变.

## 路线图

-   存储引擎:在大量rrweb会话上进行分解
-   常见模式中的紧凑突变数据
-   通过新插件 API 提供插件,包括:
    -   XHR 插件
    -   获取插件
    -   图QL 插件
    -   .

## 内部设计

-   [序列化](https://npmcn.com/package/docs/serialization.md)
-   [递增快照](https://npmcn.com/package/docs/observer.md)
-   [重播](https://npmcn.com/package/docs/replay.md)
-   [沙盒](https://npmcn.com/package/docs/sandbox.md)

## 贡献指南

由于我们希望记录和重放侧面共享一个强烈打出的数据结构,rrweb是用提供更强类型支持的打字符开发的.

[字体手册](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html)

1.  叉此库.
2.  运行 `pnpm install` 在根中安装所有子包所需的依赖性.
3.  运行 `pnpm dev` 当您修改任何内容时,在根中为所有子包自动构建.
4.  导航到其中一个子包(在 `packages` 文件夹),您想做一个改变.
5.  补补代码并运行 `pnpm test` 进行测试,确保他们通过 在你做出任何事情之前.
6.  按下代码并创建拉出请求.

Protip: 您可以运行 `pnpm test` 在根文件夹中运行所有测试.

Rrweb除了增加集成测试和单位测试外,还提供了REPL测试工具.

[使用 REPL 工具](https://npmcn.com/package/guide.md#REPL-tool)

## 常见问题

### @amplitude/rrweb 是什么？

记录和重放网络

### 如何安装 @amplitude/rrweb？

在项目目录运行 npm install @amplitude/rrweb，或使用 pnpm add / yarn add / bun add。

### @amplitude/rrweb 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @amplitude/rrweb 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @amplitude/rrweb 可以商用吗？

@amplitude/rrweb 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @amplitude/rrweb 的下载量有多少？

根据 npm 官方下载统计，@amplitude/rrweb 在 2026/10/06 – 2026/11/04 这 30 天内被下载 5,162,613 次，日均约 172,087 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @amplitude/rrweb 还在维护吗？

最新版本 2\.1\.6 发布于 2026/11/05（1 天前）；至今共发布 36 个版本，其中过去 12 个月发布了 14 个；首次发布于 2023/10/24。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。