TreeJSON在浏览器中使用的扩展工具，这款工具支持在浏览器中格式化 JSON、YAML、XML。树视图、搜索、复制 JSONPath、导出。开源、隐私优先、MV3 原生等，欢迎下载使用。
介绍
TreeJSON 直接在浏览器中格式化 JSON、YAML 和 XML 响应 — 即时、本地、零遥测。在 2026 年初最受欢迎的 JSON Formatter Chrome 扩展（200 万以上用户）转为闭源并开始注入第三方脚本后，TreeJSON 基于 Manifest V3 从零开始构建。
它做什么
TreeJSON 通过 Content-Type 响应头和文件扩展名检测 JSON、YAML 和 XML 响应，然后将它们渲染为干净的可折叠树视图，带有语法高亮、元素计数和缩进引导线。无需设置、无需账户、无需服务器。
核心功能
• 自动格式化 JSON、JSON-LD、JSON:API、HAL+JSON、NDJSON、YAML 和 XML
• 带元素计数和缩进引导线的可折叠树
• 对键和值的全文搜索，支持子字符串高亮
• 右键点击任意节点 → 复制 JSONPath、原始值或完整子树
• 任意原始值的点击复制
• 带行号解析错误的 JSON 校验器
• 导出 JSON → CSV（对象数组）、TypeScript 类型或 JSON Schema（Draft-07）
• 浅色 / 深色 / 自动主题 — 跟随系统
• 按标签页禁用、按 origin 禁用、正则 URL 排除模式
• 键盘快捷键（Alt+Shift+J 切换、⌘/Ctrl+F 搜索）
• 启用文件访问后可处理本地文件（file://）
• 原始 / 已解析切换 — 随时返回源文本
• 安装后 100% 离线 — 无自身网络请求
面向人群
调试 REST 和 GraphQL 响应的 Web 开发者、检查 payload 的后端工程师、验证响应结构的 QA 工程师、阅读配置文件的 DevOps，以及任何打开原始 JSON URL 并希望它可读的人。
如何工作
打开 JSON、YAML 或 XML URL → TreeJSON 检查 Content-Type → 渲染结构化树 → 搜索、复制、导出。永远零配置。
为什么选 TREEJSON
• 隐私优先。零遥测、零分析、零第三方脚本、零服务器。
• 开源。检测代码可审计。
• MV3 原生。为 Chrome 当前的扩展平台构建。不会被未来废弃 Manifest V2 的 Chrome 更新禁用。
• 最小权限。仅使用「storage」存储设置，「activeTab」处理当前页面。主机权限「」仅用于读取响应的 Content-Type。
• 多格式。JSON、YAML、XML — 一个工具、三个查看器、统一的 UI。
权限说明
TreeJSON 为什么请求访问所有网站？JSON、YAML 和 XML API 托管在网络的每个域上。要让 Chrome 自动格式化来自任意域的 JSON 响应，扩展必须声明对该域的访问。TreeJSON 仅检查文档的 Content-Type。如果响应不是 JSON、YAML 或 XML，内容脚本立即退出。不读取浏览历史。没有 URL 离开浏览器。没有任何内容发送到任何地方。
从其他 JSON 查看器迁移？
寻找一款无遥测、无第三方脚本、采用最新 MV3 代码库的开源 JSON 查看器？TreeJSON 是隐私优先、多格式的选择。几秒内切换。
常见问题
问：TreeJSON 会在购物或结账页面注入弹窗或横幅吗？
答：不会。TreeJSON 从不在非 JSON 页面上运行。如果 Content-Type 不是 JSON、YAML 或 XML，内容脚本在读取页面前就终止。
问：TreeJSON 会追踪我的浏览吗？
答：不会。TreeJSON 没有任何出站网络请求。它不加载远程脚本、字体或分析 SDK。
问：为什么需要「」？
答：JSON API 托管在每个域上。TreeJSON 检查响应的 Content-Type，如果不相关就终止。没有 URL 被记录或传输。
问：可以编辑 JSON 吗？
答：TreeJSON v1 只读。写入请使用专用的 JSON 编辑器。
问：可以离线工作吗？
答：可以。安装后 TreeJSON 完全在本地运行。没有服务器组件。
问：源代码公开吗？
答：公开。安装前可审计检测逻辑、解析器粘合代码和渲染代码。
问：和 Chrome DevTools 有什么不同？
答：DevTools 在 Network 标签页显示 JSON，需要为每个请求打开它。TreeJSON 自动格式化你在普通标签页中打开的每个 JSON URL — 日常 API 检查、演练和屏幕共享都更快。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
