View JS N

关于 ViewJSON

ViewJSON 是一款免费的在线 JSON 查看器。和传统工具不同,它不会把所有字符串都当纯文本显示——如果某个字段是 Base64 编码的图片、音频、视频或 PDF,ViewJSON 会直接在 JSON 结构里把它渲染出来。所有处理都在浏览器本地完成,数据不会离开你的设备。

为什么做这个工具

多模态 AI 接口(OCR、语音合成、视觉模型、图片生成等)的请求和响应中大量使用 Base64 编码。在实际开发和测试中,这带来了几个反复出现的问题:

输出预览流程繁琐

TTS 和文生图等 API 返回的音频、图片均为 Base64 编码。每次查看都需要从 JSON 中提取对应字符串,再到在线解码器中粘贴预览,每个字段都需重复同样的步骤。

输入构造容易出错

调用 OCR 或视觉模型前,需要先将图片在第三方网站上转为 Base64,复制后粘贴到 API 工具的请求体中。粘贴时容易破坏 JSON 的引号和转义结构,排查这类格式问题往往比调试业务逻辑更耗时。

历史记录查看不便

Postman、Fiddler 等工具会保存请求历史,但 Base64 字段在其中显示为大段编码字符串,无法直接辨别实际内容。要确认当时发送或接收的具体媒体,仍需逐个提取 Base64 并重新解码。

于是我们做了 ViewJSON:粘贴 JSON 后,图片直接看到,音频直接听到,视频直接播放,全在一个页面里搞定。

使用场景

调试 AI API 返回

将包含 Base64 媒体的 API 响应粘贴到 ViewJSON,所有音频、图片、视频会自动识别并在 JSON 结构中直接渲染,无需手动提取或借助外部解码器。

Demo: 调试 AI API 返回

准备多模态 API 请求体

将图片直接粘贴到编辑器中,ViewJSON 会显示图片预览,同时在 JSON 中存储 Base64 字符串。复制时即可获得可直接用于请求的 Base64 数据,无需额外的转码步骤。

Demo: 准备多模态 API 请求体

和团队分享 JSON

ViewJSON 使用 pako(zlib)压缩你的 JSON 并编码到 URL 中。无需上传文件、无需云存储、没有过期链接。对方打开链接即可看到格式化后的数据和媒体预览,全部在浏览器端解码。

技术与隐私

基于 Astro + React

孤岛架构,最小化 JavaScript 加载量。只有需要交互的组件才加载客户端代码。

CodeMirror 6 编辑器

专业级代码编辑器,支持语法高亮、折叠、搜索和括号匹配。10 MB 以上的文件也能流畅处理。

部署在 Cloudflare Pages

通过 Cloudflare 全球边缘网络分发,世界各地都能快速加载。

数据隐私

你的 JSON 数据完全在浏览器中处理,不会发送到任何服务器——分享功能也是将数据编码到 URL 中。

联系我们

有问题、建议或功能需求?欢迎联系 support@viewjson.net