API Table Viewer

用于 JSON 接口分析与字段级响应模拟的 Chrome DevTools 扩展。

快速开始 · 功能概览 · 文档中心 · 版本记录 · 贡献指南

项目概述

API Table Viewer 将 JSON 响应转换为可搜索的表格与数据树，并支持在 DevTools 中原位编辑标量字段。字段补丁在网页下一次请求返回后应用；未修改的字段保留真实后端数据。

扩展不需要构建步骤或运行时依赖。捕获数据保存在面板内；模拟规则按标签页和网站隔离，保存在浏览器会话中。

当前版本

版本	更新主题	详细说明
v1.5.2	单色主题定制与测试工程改进	版本说明
v1.5.1	查看器交互与请求捕获修复	版本说明
v1.5.0	字段级响应模拟	版本说明

v1.5.1 包含独立数组扁平展开、一级内容恢复、主区域统一滚动、复制交互、顶部折叠与浮动搜索，以及启动捕获修复。完整变更见 版本记录。

快速开始

1. 下载源码或扩展 ZIP，完整解压到固定目录。
2. 打开 chrome://extensions，开启开发者模式，选择“加载已解压的扩展程序”。
3. 选择直接包含 manifest.json 的文件夹。
4. 打开目标网页 DevTools → API Table，刷新网页，选择 JSON 请求。
5. 查看表格或数据树，双击要修改的字段；回到网页重新查询或刷新，观察结果。

更新时替换旧目录、重新加载扩展，再刷新目标网页，以安装新的页面启动脚本。加载失败排查见 安装说明。扩展本身不需要 Node.js、Python 或构建工具。

功能概览

场景	支持内容
请求捕获	JSON 响应、已有 Network 记录补录、URL / 方法 / 状态筛选、保留导航记录
表格分析	全数组搜索、匹配高亮与跨页定位、排序、分页、列显隐、自动列宽与拖动调整
JSON 浏览	普通数据默认展开；大数据分批遍历、虚拟滚动；字段路径跳转与搜索定位；数组旁符号按钮可扁平展开全部层级 / 恢复一级展示
长内容查看	单元格摘要、完整值弹框、分段文本与完整复制
请求复现	请求详情、请求体 JSON、Bash / WSL / Git Bash 格式 cURL
数据导出	原始响应、当前节点、全部筛选和排序后的 CSV / Markdown / JSON
数值精度	普通超安全整数字面量精确保留，贯穿浏览、搜索、排序、复制和 JSON 导出
个性化外观	四套配色、自选强调色、数据字号、表格密度和隔行底色；本地记忆，一键恢复默认
面板布局	独立收起左侧列表、拖动分栏、统一滚动条、布局与分页偏好记忆

表头字段保持单行，内容自动列宽通常为 88–380 px；手动列宽通常最高 960 px，超长表头可突破上限。长内容省略展示，隐藏列不影响导出。

支持范围与边界

• Chrome 114+、Manifest V3。字段级响应模拟支持主页面 Fetch 和异步 XHR 的 JSON 文本 / JSON 响应；不覆盖 Worker、iframe、WebSocket 或流式协议。
• 接口按**方法与完整 URL（含查询参数）**匹配，不按请求体区分。仅替换已有标量，保持原类型；不新增 / 删除字段，不调整数组结构。
• 对象数组优先使用唯一 id、uuid、key 或以 Id 结尾的标识字段。缺少唯一标识时，以不超过 64 KiB 的完整行内容匹配，内容变化或重复时跳过。用于定位的标识本身不允许修改；字段缺失、类型改变或标识失效时跳过，并在网页控制台提示。
• 单响应载入上限 20 MiB UTF-8；大于 1 MiB 的响应也可修改小字段。单个编辑字段上限 64 KiB，最多 30 个接口、每接口 200 个字段、1 MiB 规则配置。
• 捕获缓存最多 150 条或 80 MiB 原文。超过 5,000 节点、500,000 展示字符或 32 层嵌套的子树需确认后浏览。虚拟滚动减少 DOM 数量，不消除解析和序列化开销。
• 普通超安全整数精确保留；小数、指数形式仍按 JavaScript Number 处理。需要原始写法时使用原始响应复制 / 下载。

架构概览

• 数据处理：Worker 保存原文和解析结果，执行分页、排序、搜索与节点索引。
• 响应模拟：仅保存修改字段的路径、类型和值；网页真实 Fetch / 异步 XHR 完成后应用补丁。
• 状态恢复：页面启动脚本恢复会话规则，跨标签页与网站保持隔离。
• 大数据渲染：分步建立节点索引，仅渲染主滚动区域附近的行。

模块边界和实现约束见 开发与架构。

响应模拟不会阻止真实请求到达后端，也不会直接修改 Vue / React 组件状态。退出编辑后，需要网页再次请求才能显示真实数据。

快捷键

按键	操作
双击值 / F2	原位编辑字段
编辑时 Enter / Esc	提交 / 取消本次输入
Ctrl / ⌘ + F	聚焦当前接口、表格或 JSON 搜索
F3 / Shift + F3	下一个 / 上一个匹配
Ctrl / ⌘ + G，配合 Shift	下一个 / 上一个匹配
搜索框中 Enter / Shift + Enter	下一个 / 上一个匹配
Esc	未编辑字段时关闭弹框

焦点需位于扩展面板内；部分系统快捷键可能由 Chrome 优先处理。

开发与验证

开发检查需要 Node.js 18+ 和 Python 3，无需安装项目依赖。在仓库根目录执行：

npm run test:changed
# 全量检查：npm test
python3 scripts/package.py
python3 tests/package-archive.py

CI 使用 Node.js 18、22、24 执行检查，并验证扩展 ZIP。当前主回归为 103 项，另有 10 项捕获启动集成检查；完整检查范围、浏览器验收步骤和验证记录见 测试与验证。

文档与贡献

• 文档中心：按安装、使用、开发、验证和版本管理组织文档。
• 贡献指南：问题报告、变更要求和提交前检查。
• 版本记录：按版本汇总用户可感知的变更。

隐私、权限与许可证

扩展不上传捕获的数据，不加载远程代码。HTTP / HTTPS 网站访问用于在页面启动时安装请求拦截；storage 用于保存当前浏览器会话的字段规则。真实接口通信仍由目标网页发起。cURL、请求详情和导出文件可能包含凭证及业务数据，分享前请检查内容。

项目尚未指定开源许可证；公开仓库不代表授予开源使用许可。