

发现一款 JSON 可视化工具神器，太爱了！

终码一生

2022-11-30

点击“终码一生”，关注，置顶公众号

每日技术干货，第一时间送达！

1、简介

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

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

项目地址：https://github.com/jsonhero-io/jsonhero-web

2、安装

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

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

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

npm start

3、使用

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

内容预览

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

日期和时间

图片网址

网站网址

JSON URL

树状视图

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

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

重点来了！

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

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

PS：防止找不到本篇文章，可以收藏点赞，方便翻阅查找哦。

往期推荐

国产API管理平台，我为何选择 Eolink？

这些淘汰的Java技术，请不要再继续学了！！

Springboot 玩一玩代码混淆，防止反编译代码泄露

记一次“雪花算法”造成的生产事故的排查记录

做 SQL 性能优化真是让人干瞪眼

一行代码搞定Http请求，强得离谱

重磅！Spring Boot 3.0 正式发布，这些新特性真的强！！

【声明】内容源于网络

终码一生

开发者聚集地。分享Java相关开发技术（JVM，多线程，高并发，性能调优等），开源项目，常见开发问题和前沿科技资讯！

内容 1876

粉丝 0

终码一生开发者聚集地。分享Java相关开发技术（JVM，多线程，高并发，性能调优等），开源项目，常见开发问题和前沿科技资讯！

总阅读557

粉丝0

内容1.9k