[JSON/插件] JSON 可视化工具-调研报告
0 序: 非侵入式地查阅 JSON 版 Swagger API 定义
- 公司某项目没有 Swagger API,但文档数据有通过网关统一暴露:
http://<网关地址>/auth/v3/api-docs(认证中心)http://<网关地址>/system/v3/api-docs(系统模块)http://<网关地址>/resource/v3/api-docs(资源服务)
- 项目通过
springdoc-openapi-starter-webmvc-api(只提供/v3/api-docsJSON 数据,不带 UI),且未引入 knife4j。所以:
- 接口文档数据是完整的,但没有现成的 Swagger/Knife4j 可视化页面
- 要看可视化 UI,有几种选择:
① 对接 RuoYi 前端的「接口文档」菜单(前端里带);
② 在 gateway 或文档模块额外引入knife4j聚合 UI(knife4j-gateway或springdoc-openapi-starter-webmvc-ui)
③ 通过第三方的 JSON 可视化工具,非侵入式地查阅 JSON 版 Swagger API 定义 (我目前想选择这种方式)
1 横向对比
评分表(10 分制)
| 维度 | 权重 | VS Code JSON Viewer (utiltools) | Notepad++ JSON Viewer | Pandia | JSON Crack | JSON Editor Online | JSON Hero | JSONedit |
|---|---|---|---|---|---|---|---|---|
| 性能 / 大文件支持 | 25% | 9.5 | 9.5 | 9.0 | 6.0(1500节点硬限) | 8.0 | 5.0 | 6.0 |
| 开发集成度 | 20% | 10(VSCode 内嵌) | 8.0(Notepad++ 内嵌) | 5.0 | 7.5 | 4.0(在线版) | 6.0(要敲命令调起) | 3.0 |
| 可视化能力 | 20% | 9.0(树+表格+正则) | 7.0(纯树状) | 7.5 | 9.5(网络图最炫) | 7.0(双栏树) | 7.5(列视图) | 6.0 |
| 功能丰富度 | 15% | 8.5(树/表/搜索/格式化) | 6.5(格式化+树) | 8.5 | 8.0 | 9.5(Diff/Schema/转换) | 7.0 | 5.0 |
| 维护活跃度 | 10% | 9.5(新发布) | 7.0 | 8.0 | 6.0(VSCode版已归档停更) | 8.5 | 3.0(5年未更新) | 4.0 |
| 免费程度 | 5% | 9.5 | 10 | 10 | 8.5 | 6.0 | 9.0 | 9.5 |
| 隐私安全 | 5% | 10(本地) | 10(本地) | 9.0 | 9.5 | 8.0 | 9.0 | 10 |
| 加权总分 | 100% | 9.38 | 8.05 | 7.78 | 7.60 | 7.18 | 6.20 | 5.43 |
排名与定位
| 排名 | 工具 | 总分 | 真实定位 |
|---|---|---|---|
| 🥇 Top 1 | VS Code JSON Viewer (utiltools) | 9.38 | 日常开发最优解:VSCode 内嵌、高性能、树/表格双视图、正则搜索,新插件活跃维护 |
| 🥈 Top 2 | Notepad++ JSON Viewer | 8.05 | Windows 原生性能天花板:340MB JSON 秒开,适合超大文件快速查看和格式化 |
| 🥉 Top 3 | Pandia | 7.78 | 完全开源免费的大文件专用工具,功能全但生态尚小 |
| 4 | JSON Crack | 7.60 | 仅适合"一眼看整体结构关系"的场景,大文件直接报错,VSCode 版已停更 |
| 5 | JSON Editor Online | 7.18 | 功能最全的在线版,Diff/Schema 强,但在线用起来不如编辑器内嵌顺手 |
| 6 | JSON Hero | 6.20 | UI 好看但已停更 5 年,还要敲命令调起,日常实用性差 |
| 7 | JSONedit | 5.43 | 极便携但功能单一,UI 老旧 |
可视化工具详情 + 个人体验
按排名:
Top 1:VS Code JSON Viewer 插件(utiltools) (亲测)
-
Marketplace:https://marketplace.visualstudio.com/items?itemName=utiltools.json-viewer-utiltools
-
个人体验: 最近新发布的新插件(上周都还在更新)、高性能、功能强大:支持树型可视化、Table 可视化 (Root 为数组类型)、支持正则检索


Top 2:Notepad++ + JSON Viewer 插件 (亲测)
- Notepad++ 官网: https://notepad-plus-plus.org/](https://notepad-plus-plus.org/
- JSON Viewer 插件 GitHub:https://github.com/NPP-JSONViewer/JSON-Viewer
- JSTool 插件 GitHub:https://github.com/sunjw/jstoolnpp
- 个人体验: 高性能,支持树形可视化、支持格式化

Top 3:Pandia
Top 4:JSON Crack (亲测)
- 官网: https://jsoncrack.com
- GitHub: https://github.com/AykutSarac/jsoncrack.com
- VS Code 插件: https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode
Top 5:JSON Editor Online
Top 6:JSON Hero
-
VS Code 插件:https://marketplace.visualstudio.com/items?itemName=JSONHero.jsonhero-vscode
-
个人体验: JSON Hero,并不好用,还要敲命令;且上一次更新都在 5 年前了,作者去世没都不一定
Top 7:JSONedit
2 最终结论
- 结论:VS Code 的 JSON Viewer(utiltools)插件是当前综合体验最好的 JSON 可视化工具,其次是 Notepad++ 插件。
JSON Crack 这类"图形化炫酷派"适合做汇报演示或一次性理解陌生数据结构、但一旦JSON数据量(超过1500个节点)性能就无法支持,日常开发还是原生插件最顺手。
- 建议:优先装 Top 1 的 VS Code 插件(你主力是 VS Code 的话),配合 Notepad++ 的 JSON Viewer 处理超大文件,2个就够用了。
Y 推荐文献
X 参考文献
本文作者:
千千寰宇
本文链接: https://www.cnblogs.com/johnnyzen
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!
本文链接: https://www.cnblogs.com/johnnyzen
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!

浙公网安备 33010602011771号