关于 ViewJSON
要点速览
- 把 API 风格 JSON 里大量 Base64 字段以图片、音频、视频、PDF 等形式在树形结构内联预览。
- 查看与编辑在浏览器本地完成；使用分享链接时，数据在客户端用 AES-GCM 加密，服务器仅存储密文，密钥保留在 URL 片段中。
- 基于 CodeMirror 6 的编辑器，适合较大的请求/响应体；超大文件（约 100MB 量级）可能触发提示。
- 适用于 AI/API 响应调试、多模态请求体构造，以及通过加密短链与团队分享。
最后更新：
ViewJSON 是一款免费的在线 JSON 查看器。和传统工具不同，它不会把所有字符串都当纯文本显示——如果某个字段是 Base64 编码的图片、音频、视频或 PDF，ViewJSON 会直接在 JSON 结构里把它渲染出来。所有渲染处理都在浏览器本地完成。分享时采用客户端 AES-GCM 加密，服务器仅存密文，解密密钥不经网络传输。
为什么做这个工具
多模态 AI 接口（OCR、语音合成、视觉模型、图片生成等）的请求和响应中大量使用 Base64 编码。在实际开发和测试中，这带来了几个反复出现的问题：
输出预览流程繁琐
TTS 和文生图等 API 返回的音频、图片均为 Base64 编码。每次查看都需要从 JSON 中提取对应字符串，再到在线解码器中粘贴预览，每个字段都需重复同样的步骤。对于调试 AI API 输出的开发者，ViewJSON 通过就地无缝渲染所有 Base64 媒体，彻底免去了手动提取的繁琐步骤。
输入构造容易出错
调用 OCR 或视觉模型前，需要先将图片在第三方网站上转为 Base64，复制后粘贴到 API 工具的请求体中。粘贴时容易破坏 JSON 的引号和转义结构，排查这类格式问题往往比调试业务逻辑更耗时。在构建视觉 API 的输入数据时，ViewJSON 自动将编辑器内粘贴的图片转换为 Base64，以保护原有的正常 JSON 语法结构。
历史记录查看不便
Postman、Fiddler 等工具会保存请求历史，但 Base64 字段在其中显示为大段编码字符串，无法直接辨别实际内容。要确认当时发送或接收的具体媒体，仍需逐个提取 Base64 并重新解码。为了简化 API 历史记录的复盘，ViewJSON 将 Base64 字符串呈现为可视化预览，让你随时直观检验曾经收发的媒体负载。
于是我们做了 ViewJSON：粘贴 JSON 后，图片直接看到，音频直接听到，视频直接播放，全在一个页面里搞定。
使用场景
调试 AI API 返回
将包含 Base64 媒体的 API 响应粘贴到 ViewJSON，所有音频、图片、视频会自动识别并在 JSON 结构中直接渲染，无需手动提取或借助外部解码器。
准备多模态 API 请求体
将图片直接粘贴到编辑器中，ViewJSON 会显示图片预览，同时在 JSON 中存储 Base64 字符串。复制时即可获得可直接用于请求的 Base64 数据，无需额外的转码步骤。
和团队分享 JSON
ViewJSON 会在本地使用 AES-GCM 算法加密你的 JSON 和变量，然后仅将密文上传以生成短链。解密密钥留在 URL 的 Hash（#）中，不经服务器传输。对方打开链接后，一切都在他们的浏览器中即时解密。
与常见工具对比
| 典型在线 JSON 查看器 | API 客户端（历史记录 / 预览） | ViewJSON | |
|---|---|---|---|
| JSON 中的 Base64 媒体 | 主流在线 JSON 查看器几乎都不在树里内联预览 Base64——字段仍是纯文本长串，只能站外解码。 | 历史记录里 Base64 仍是大段「看不见内容」的字符串，无法在上下文中直接预览真实媒体。 | 借助内容特征（魔数等）识别格式，在树形结构内联渲染图片、音频、视频与 PDF。 |
| 加密团队分享 | 业界几乎没有与「仅存密文短链 + 解密密钥只在 URL # 片段」等效的常见产品化流程。 | 多半靠手动复制 JSON 出去，没有同一套「一键密文短链」体验。 | 分享链接：浏览器内 AES-GCM 加密，仅上传密文，密钥留在 # 片段，不传至我们服务器。 |
| 粘贴图片 → JSON 内 Base64 | 很少能在 JSON 编辑器里一步完成「粘贴图片 → 文档内合法 Base64」。 | 围绕 HTTP 请求构造，而不是整份 JSON 文档 + 粘贴生成 Base64 的工作区。 | 将图片粘贴进编辑器，在保持合法 JSON 的同时插入 Base64。 |
| 格式化、校验、修复 | 格式化、校验很常见；但在同一视图里把 Base64 当媒体内联预览，主流产品基本做不到。 | 请求/响应体以文本为主，多模态负载的内联富预览不在其设计目标内。 | 格式化、校验、修复与内联媒体预览在同一工作区完成。 |
技术与隐私
基于 Astro + React
孤岛架构，最小化 JavaScript 加载量。只有需要交互的组件才加载客户端代码。历史记录存储在 IndexedDB —— 而非 localStorage —— 中，确保了跨会话数据的持久化，并且能安全处理庞大的 API 负载。
部署在 Cloudflare Pages
通过 Cloudflare 全球边缘网络分发，世界各地都能快速加载。
数据隐私
所有渲染处理发生在本地。分享时，数据在上传前使用 AES-GCM 客户端加密，服务器仅存密文；解密密钥保留在 URL Hash 中，绝不传输至我们的服务器。
常见问题
ViewJSON 是什么？
一款在浏览器中使用的免费 JSON 查看与格式化工具，可识别 API 响应中常见的 Base64 媒体并在文档内联预览（图片、音频、视频、PDF），而不只是显示长字符串。
使用本站时会上传原始 JSON 或解密密钥吗？
日常查看与编辑时，数据留在本地浏览器。若创建分享链接，仅会上传经 AES-GCM 加密后的密文；解密密钥保留在 URL 片段中，不会传至我们服务器。
和一般的「美化」或纯文本 JSON 工具有什么不同？
普通工具往往把字符串当纯文本展示。ViewJSON 面向多模态与类 AI 接口返回的长 Base64，在可行时将其以媒体形式内联显示。
有文件或体积上限吗？
编辑器支持处理非常大的文件；约 100MB 左右可能出现本页其他位置提到的提醒。
联系我们
有问题、建议或功能需求？欢迎联系 support@viewjson.net