发现一款JSON可视化工具神器,惊艳了
支持多种视图以便查看 JSON:列视图、树视图、JSON 视图等 列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法。整体来讲,JSON Hero 支持多种视图查看JSON数据,同时支持VS Code 等扩展,相信对经常处理JSON的小伙伴来说,是一款很给力的工具。前往 https://jsonhero.io/ 并将 JSON 文件拖拽到网站上,或在提供的表单中粘贴
点击上方“java大数据修炼之道”, 选择“设为星标”
技术干货发文后 👉 第一时间奉上
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
end
===往期精彩文章复习回顾===1.SpringBoot 插件化开发模式,真香啊! 2.一行代码,实现请假审批流程(Java版) 3.血泪教训,8 个线程池最佳实践和坑 4.是时候优化了:告别繁琐操作,实现一次登录产品互通! 5.太失败了,工作5年后,我才知道 Java 泛型的上限和下限~最近整理一份资料《程序员学习手册》,覆盖了 Java技术、面试题精选、操作系统基础知识、计算机基础知识、Linux教程、计算机网络等等。
获取方式:点“ 在看,关注公众号 Java大数据修炼之道 并回复PDF 领取,更多内容陆续奉上。
长按识别下方二维码关注后回复关键字:PDF领取
你想学的java知识这里都有,长按下方图片识别关注我们吧~
如喜欢本文请点击右上角,把文章分享到朋友圈 因公众号更改推送规则,请点“在看”并加“星标”第一时间获取精彩技术分享 点分享点收藏点在看
更多推荐



所有评论(0)