发现一款JSON可视化工具神器，惊艳了

最新推荐文章于 2025-05-23 10:00:00 发布

互联网架构

最新推荐文章于 2025-05-23 10:00:00 发布

阅读量19

点赞数

文章标签： json

原文链接：https://mp.weixin.qq.com/s?__biz=MzI2MTIzMzY3Mw==&mid=2247559739&idx=2&sn=cae2703d47c60233740fef874d8a3f9e&chksm=eba0b420902e8f9a38bd035cc7eb463fd5d7c36f0dc137ceeb9fc5fc9466762f7851bf5fc1f3&scene=126&sessionid=0

版权

因公众号更改推送规则，请点“在看”并加“星标”第一时间获取精彩技术分享

点击关注#互联网架构师公众号，领取架构师全套资料都在这里

0、2T架构师学习资料干货分

上一篇：2T架构师学习资料干货分享

大家好，我是互联网架构师！

JSON Hero 是一个简单实用的 JSON 工具，通过简洁美观的 UI 及增强的额外功能，使得阅读和理解 JSON 文档变得更容易、直观。

支持多种视图以便查看 JSON：列视图、树视图、JSON 视图等列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法。

本地安装

要在本地运行 JSON Hero，首先 clone 源代码，并安装相关依赖项：

git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install

然后运行以下命令启动，打开 http://localhost:8787 即可使用：

npm start

直接使用

前往 https://jsonhero.io/ 并将 JSON 文件拖拽到网站上，或在提供的表单中粘贴 JSON 或 JSON url

内容预览

JSON Hero 会自动推断字符串的内容，并对选择的值提供有用的预览和属性。

日期和时间

图片网址

网站网址

JSON URL

树状视图

这个也是用的最多的，树状图结构可以很清晰的展示，看一组图：

同时支持对JSON数据中的数据进行搜索：

重点来了！

当你完成数据编辑或者审核后，需要分享给前端，不必复制全部数据，只需要生成指定链接即可，这个很方便。

整体来讲，JSON Hero 支持多种视图查看JSON数据，同时支持VS Code 等扩展，相信对经常处理JSON的小伙伴来说，是一款很给力的工具。

项目地址

https://github.com/jsonhero-io/jsonhero-web

作者：庞桂玉

来源：51cto.com/article/713786.html

下载地址，见：

清华出的DeepSeek使用手册，104页，真的是太厉害了！（免费领取）

— 完 —

如喜欢本文，请点击右上角，把文章分享到朋友圈

1、2T架构师学习资料干货分享

2、10000+TB 资源，阿里云盘，牛逼！！

3、基本涵盖了Spring所有核心知识点总结

4、DeepSeek创始人梁文锋个人履历

逆天，面试被挂的原因竟然是，搜了女仆......

DeepSeek全方位指南：10分钟快速上手

字节跳动员工自爆工资收入明细，网友：离谱啊！

· END ·

最后，关注公众号互联网架构师，在后台回复：2T，可以获取我整理的 Java 系列面试题和答案，非常齐全。

如果这篇文章对您有所帮助，或者有所启发的话，帮忙扫描上方二维码关注一下，您的支持是我坚持写作最大的动力。

求一键三连点赞、转发、在看