# @buoy-gg/focus-inspector 中文文档

规范地址：https://npmcn.com/package/%40buoy-gg/focus-inspector/

版本：7\.0\.87
npm 元数据更新时间：2026-11-07T01:55:04.019Z
中文译文更新时间：2026-11-08T20:16:42.065Z
软件包许可：未声明

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

原始 npm 页面：https://www.npmjs.com/package/%40buoy-gg/focus-inspector
原文对照：https://npmcn.com/package/%40buoy-gg/focus-inspector/?lang=original
项目主页：https://buoy.gg/buoy/latest/docs/tools/focus-inspector
源码仓库：https://github.com/Buoy-gg/buoy

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

- 包体积（解压后）：109 kB，35 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react \*
- 首次发布：2026-08-29T17:44:51.098Z
- 最新版本发布：2026-11-07T01:55:03.838Z
- 近 30 天下载量：4418（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：56（近 12 个月 56 个）

## 中文简介

央视焦点转换并发现React Introduct TV应用中的可聚焦元素. 审查Buoy桌面的诊断.

## 安装

```sh
npm install @buoy-gg/focus-inspector
```

也可以使用：`pnpm add @buoy-gg/focus-inspector`、`yarn add @buoy-gg/focus-inspector`、`bun add @buoy-gg/focus-inspector`

## README

# @buoy-gg/焦点检查器

在React Introduction TV应用中, Buoy桌面显示当前观测,方向历史,以及可能的焦点问题.

## 安装

```bash
npm install @buoy-gg/core @buoy-gg/external-sync @buoy-gg/focus-inspector
```

## 账户设置

开始开发建设。 你需要一个免费或ProBuoy账户。 从您的应用程序文件夹中签名 :

```bash
npx --package=@buoy-gg/core buoy login
```

你的浏览器打开了浮标.gg. 点击允许。 然后CLI写下 dev 符号. 它在德夫建筑工作30天.

在博览会, 信使进入 `.env.development.local`Buoy自己在dev建筑里读的 也可以自己传:

```tsx
import { Buoy } from "@buoy-gg/core";

Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
```

在回放原生CLI时,符号会输入 `.env.local` 作为 `BUOY_KEY`。React Industrial不会自己装入文件。 用你的应用软件的套装把信使递过来 将菜单保存在您的应用程序使用的供应商内部 。 安装软件包后重新启动开发服务器 。 见 [快速启动](https://buoy.gg/buoy/latest/docs/quick-start) 用于完整的根组件.

## 连接一个电视应用

使用兼容的反应- native-tvos app并跟踪 [电视安装指南](https://buoy.gg/buoy/latest/docs/tv/installation)。在账户初始化后挂载核心集成:

```tsx
import { FloatingDevTools } from "@buoy-gg/core";

<FloatingDevTools headless />;
```

保持电视应用无头,因此可聚焦开发者覆盖不会干扰其导航. 打开桌面,签入,选择设备,打开工具的面板. 电话建设不能代替测试电视行为.

## 观察已知的焦点路径

焦点巡视员需要电视叉和新建筑事件支持. 移动到一个短的已知路径,并将突出显示的元素与面板的过渡进行比较. 在观察到之前,一个方向仍然不明。 扫描屏幕,检查发现的仍未访问的元素.

听者观察焦点事件;存货扫描取决于仪表板表状态. 内部回放原生事件API可能会在版本之间发生变化. 如果该观察员无法出席,小组应报告该情况,而不应声称已完全捕获.

## 解释结论

旗帜识别出可能的死端,陷阱,隐形停止,焦点丢失,以及未访问的元素. 它们是诊断性休眠症,而不是一个元素无法接触的证据. 意向焦点指南可以约束tvOS和Android TV上的导航;评价陷阱Focus行为与TV叉版本的您应用的应用.

行动包括: `rescan`, (中文(简体) ), `clearHistory`, (中文(简体) ), `setTracking`,以及 `focusElement({ nativeTag })`。最后的动作改变焦点;它不等于用 D-pad 压出相同的路线.

校验您的路径、布局和电视叉版本, 包括如果怀疑测量干扰, 与已禁用捕获的比较 .

[完全焦点检查员指南](https://buoy.gg/buoy/latest/docs/tools/focus-inspector)

## 桌面和MCP

反应原生连接需要 `@buoy-gg/external-sync`。跟踪 [桌面连接指南](https://buoy.gg/buoy/latest/docs/desktop),然后确认所选设备. [MCP 磁共振](https://buoy.gg/buoy/latest/docs/mcp) 使用来自 `buoy login` 在你的电脑上。 自由拥有基本的MCP. 从MCP读取这个工具需要Pro.

设备数据可以通过您的局域网前往配置的经纪人. 账户验证会提出网络请求. 见 [遥测](https://buoy.gg/buoy/latest/docs/telemetry) 用于数据流动细节.

## 网络支持(未释放)

浏览器捕捉测量出DOM可聚焦元素并观测出真正的焦点和键盘事件. 它使用现有的同步适配器进行远程检查. 浏览器构建在此取出中是可用的, 尚未发布 。 见 [网络设置指南](https://buoy.gg/buoy/latest/docs/web-preview) 用于注册、依赖和浏览器边界.

## 常见问题

### @buoy-gg/focus-inspector 是什么？

央视焦点转换并发现React Introduct TV应用中的可聚焦元素\. 审查Buoy桌面的诊断\.

### 如何安装 @buoy-gg/focus-inspector？

在项目目录运行 npm install @buoy-gg/focus-inspector，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\*）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @buoy-gg/focus-inspector 支持 TypeScript 吗？

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

### @buoy-gg/focus-inspector 支持 ESM 还是 CommonJS？

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

### @buoy-gg/focus-inspector 可以商用吗？

@buoy-gg/focus-inspector 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @buoy-gg/focus-inspector 的下载量有多少？

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

### @buoy-gg/focus-inspector 还在维护吗？

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