# @fluidframework/debugger 中文文档

规范地址：https://npmcn.com/package/%40fluidframework/debugger/

版本：3\.12\.0
npm 元数据更新时间：2026-11-10T22:29:20.308Z
中文译文更新时间：2026-11-15T02:24:34.105Z
软件包许可：MIT

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

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

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

- 包体积（解压后）：541 kB，89 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：5 个
- 首次发布：2020-09-01T04:26:58.565Z
- 最新版本发布：2026-11-10T22:29:20.077Z
- 近 30 天下载量：4647（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：696（近 12 个月 48 个）

## 中文简介

Fluid 调试器 - 通过文件历史播放的工具

## 安装

```sh
npm install @fluidframework/debugger
```

也可以使用：`pnpm add @fluidframework/debugger`、`yarn add @fluidframework/debugger`、`bun add @fluidframework/debugger`

## README

# @ fluidframework/调试器

Fluid 调试器是重放文件历史的有用工具. 这可作为学习工具以及调查腐败或业绩问题的工具,或作为内容回收工具。 它提供只读的文档和从特定快照开始(或根本没有快照)的能力,并逐一播放操作,或大批次播放.

Fluid 调试器在任意文档存储的上方作为适配器工作. 换句话说,它可以使用任何存储端点(如SPO或路由器)集成到任何应用程序中,对应用程序的修改最小,并且可以用来以完整的应用程序代码运行来重放历史,从而帮助调查任何层应用程序堆栈中的错误

## 使用 Fluid 框架库

对于依赖流体框架库的公共API,我们建议 `^` (caret)版本范围. 例如,使用 `^1.3.4`。 。 。 .

依赖不稳定的API,例如: `beta` API,我们推荐一个更具限制性的版本范围. 例如,使用一个 `~` 版本范围.

## 安装

运行此命令以安装软件包 :

```bash
npm i @fluidframework/debugger
```

## 从此软件包导入

此软件包使用 [packet.json 导出](https://nodejs.org/api/packages.html#exports) 通过支持级别将API分离. 有关支助保障的信息改为: [API 支持级别](https://fluidframework.com/docs/build/releases-and-apitags/#api-support-levels)。 。 。 .

导入 `public` API 从 `@fluidframework/debugger`。 。 。 .

导入 `legacy` API 从 `@fluidframework/debugger/legacy`。 。 。 .

## API 文档

读取 **@ fluidframework/调试器** API 文档 [https://fluidframework.com/docs/apis/debugger (中文(简体) )](https://fluidframework.com/docs/apis/debugger)。 。 。 .

## 如何启用

为了使用它,需要进行这些修改:

1.  环绕已存在的存储 :
    -   如果您有 IDocumentService 对象, 请用 **FluidDebugger. 从服务创建( C)** 呼叫(注意是主动呼叫)
    -   或者,如果你有IDocumentService Factory, 把它包起来 **FluidDebugger. 从服务 Factory () 创建** 调用
2.  在 Dev 工具控制台中, do
    
    > **(原始内容存档于2017-10-21). localStorage. 流体调试器= 1**
    > 
    > > Fluid app 有 UI 切换它 - 设置 QQ 调试器 = 打开
    
3.  一旦刷新页面,请查找被屏蔽的(通过浏览器)弹出窗口通知. 为您的应用程序启用弹出程序 .

## 怎样禁用它

1.  在 Dev 工具控制台中,运行
    
    > **删除本地Storage。 流体调试器**
    

## 如何运作

### 选择从何处开始

一旦调试器启动, 您在第一个屏幕上有以下选择 :

![picture alt](https://npmcn.com/package/%40fluidframework/debugger/images/Screenshot1.jpg "Screenshot of debugger, first page")

1.  关闭窗口 。 调试器将被禁用, 正常的文档流将会继续 - 文档会被读取/ 写入 。 在所有其他选项文档中,只读,即不承诺本地更改存储.
    
2.  没有快照开始, 即只使用操作来播放文件的历史
    
3.  使用特定快照开始( 使用下拉) 。 您将看到一些快照( 带有密码名称) , 以及每个快照的起始序列号, 并进行排序( 最迟在顶部) 。 请注意,降水是同步进行的 -- -- 页面上有进展文本指出这一点.
    
4.  使用存储在磁盘上的快照( U)_"snapshot.json" (英语)_)),生产 [重放工具](https://npmcn.com/package/tools/replay-tool/README.md)。如果想要验证快照的生成和加载(从一组操作)不会引入错误,此选项是有用的。 这是有用的,因为没有其他办法在过去的特定时间点产生快照。 注释:
    
    -   目前您无法在此模式的快照上播放操作( 未来将添加) .
    -   您可以从不同的文件中装入快照( 上面给出) 。 只要是同一应用程序,是否使用同一文件或存储端点来启动一个应用程序并不重要.

### 正在操作

如果您选择了存储快照(而不是从文件中的快照)或者没有快照, 您会被显示一个屏幕, 允许您播放操作( 在快照上) 。 您可以同时选择要播放的操作数并点击"去"按钮 :

![picture alt](https://npmcn.com/package/%40fluidframework/debugger/images/Screenshot2.jpg "Screenshot of debugger, second page")

请注意, 回放是同步的,所以尽管Debugger UI可能已经承认了播放的操作(并且你可以选择下批),但应用程序可能仍在处理上批的处理过程中.

## 内部,或用于其他工作流程的有用部件

调试器由三个大多相互独立的部件组成——UI,Controller和存储层. 人们可以非常容易地用替代的表达方式代替UI和/或控制器,从而构建出不同的工具(如文件回收工具).

**调试器控制器** 是一个控制重放逻辑的界面,但不是UI. 提供实施这一接口的情况如下: **调试重播控制器**

**调试器UI** 是一个控制 UI 的接口,没有控制逻辑. **调试器UI** 执行这一接口.

**Fluid 调试器 。 创建 Fluid 调试器 ()** 是绑定逻辑 & UI 执行的示例

独立实施 **文件集服务** 接口作为调试器的一部分提供 :

1.  **文件抓取读取器** - 基于文件的存储。 它从文件读取内容( snapshot.json) 并期望 **IFile 图像** 格式,使用此类文件的内容满足文档请求.
2.  **抓图集** - 基于特定快照的存储(真实存储)。 需要在施工时提供快照根 ISnapshotTree .
3.  **操作** - 基于op的存储(即拒绝所有关于快照/树的要求).

## 客户最低要求

Fluid框架客户端库支持此文档中的平台. 这些要求有意具有限制性. 在一个主要的版本系列中,我们可以放松这些要求,但我们不能使其更严格. 对于长期支持(LTS)版本,我们可能需要支持这些平台几年.

其他配置可以奏效,但Fluid框架不支持. 如果一个不支持的配置停止工作, 我们不会将此归类为错误 . 要请求支持未列出的配置, 请存档 . 产品组会评估你的要求. 在此问题上,请具体说明配置的现状:

-   配置有效但需要官方支持.
-   配置不起作用,需要更改.

### 支持的运行时间

-   Fluid框架支持节点.js版本22和24同时收到 [上游支助](https://nodejs.org/en/about/previous-releases)。 。 。 .
    -   流体框架将停止支持第22版 [当上游支持于2027-04-30结束时](https://github.com/nodejs/release#release-schedule)。 。 。 .
    -   流体框架不支持节点.js与 `--no-experimental-fetch` 旗帜.
-   Fluid框架支持支持ES2022标准库的现代浏览器.

### 支持的工具

-   [类型脚本 6.0](https://typescriptdocs.com/release-notes/TypeScript%206.0)数字 :
    -   流体框架支持全部 [`strict`](https://www.typescriptlang.org/tsconfig) 选项.
    -   设定建设目标(`lib`, (中文(简体) ), `target`改为: `ES2022` 或后会.
    -   启用 [`strictNullChecks`](https://www.typescriptlang.org/tsconfig)。 。 。 .
    -   流体框架不支持 [在 TypeScript 6.0 中贬值的配置选项](https://typescriptdocs.com/release-notes/TypeScript%206.0#breaking-changes-and-deprecations-in-typescript-6-0)。 。 。 .
    -   流体框架不完全支持 `exactOptionalPropertyTypes`。 。 。 . 如果您启用此选项, 请不要使用 `in`, (中文(简体) ), `Reflect.has`, (中文(简体) ), `Object.hasOwn`,或 `Object.prototype.hasOwnProperty` 改为Fluid框架类型的窄成员. 这些方法可以错误地排除 `undefined` 从可能的值.
-   [网络软件包](https://webpack.js.org/) 页:1
    -   我们不需要一个特定的捆绑者. 其他处理ES模块的捆绑机可以工作,但我们只积极测试网页包.

### 模块分辨率

在类型脚本中 `compilerOptions`,使用时 [`Node16`, (中文(简体) ), `Node20`, (中文(简体) ), `NodeNext`,或 `Bundler`](https://www.typescriptlang.org/tsconfig#moduleResolution) 模块分辨率. 这些设置遵循 [节点.js v12+无害环境管理 分辨率和加载算法](https://nodejs.github.io/nodejs.dev/en/api/v20/esm/#resolution-and-loading-algorithm)。 。 。 .

不使用 `Node10` 模块分辨率.

### 模块格式

-   ES模块: 使用ES模块来消耗Fluid框架客户端软件包,包括在Node.js中.
-   常见JS : Fluid Framework在3.0版本或后期不正式支持CommonJS.

## 贡献准则

你们可以 [贡献](https://github.com/microsoft/FluidFramework/blob/main/CONTRIBUTING.md) 通过这些方式实现流体框架:

-   回答问题 [GitHub 讨论](https://github.com/microsoft/FluidFramework/discussions)。 。 。 .
-   [提交错误报告](https://github.com/microsoft/FluidFramework/issues) 并且帮助验证修正.
-   审查 [源代码更改](https://github.com/microsoft/FluidFramework/pulls)。 。 。 .
-   [贡献错误修正](https://github.com/microsoft/FluidFramework/blob/main/CONTRIBUTING.md)。 。 。 .

详细指示改为: [repo 文档](https://github.com/microsoft/FluidFramework/blob/main/docs/content/Home.md)。 。 。 .

本项目遵循 [Microsoft 开源行为守则](https://opensource.microsoft.com/codeofconduct/)。 。 。 . 更多信息,改为: [《行为守则》经常被问到的问题](https://opensource.microsoft.com/codeofconduct/faq/)。 。 。 . 问题或评论,联系 [打开码@ microsoft.com](mailto:opencode@microsoft.com)。 。 。 .

这个项目可能包含微软项目的商标或标志,产品,或服务. 这些商标或标志的使用必须遵循微软 [商标和品牌准则](https://www.microsoft.com/trademarks)。 。 。 . 在这个项目的修改后版本中使用微软商标或标志不得造成混淆或暗示微软赞助.

## 帮助

读取 [流体框架文件](https://fluidframework.com/docs/) 用于了解流体框架概念和API.

要求提供文件未载列的资料, [创建问题](https://github.com/microsoft/FluidFramework/blob/main/docs/content/Contributing/Submitting-Bugs-and-Feature-Requests.md)。 。 。 .

## 商标

这个项目可能包含微软项目的商标或标志,产品,或服务.

这些商标或标志的使用必须遵循微软的 [商标和品牌准则](https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks/usage/general)。 。 。 .

在这个项目的修改后版本中使用微软商标或标志不得造成混淆或暗示微软赞助.

## 常见问题

### @fluidframework/debugger 是什么？

Fluid 调试器 - 通过文件历史播放的工具

### 如何安装 @fluidframework/debugger？

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

### @fluidframework/debugger 支持 TypeScript 吗？

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

### @fluidframework/debugger 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @fluidframework/debugger 可以商用吗？

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

### @fluidframework/debugger 的下载量有多少？

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

### @fluidframework/debugger 还在维护吗？

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