欢迎关注方志朋的博客,回复”666“获面试宝典
简介
JSON Hero 是一个简单实用的 JSON 工具,通过简介美观的 UI 及增强的额外功能,使得阅读和理解 JSON 文档变得更容易、直观。
支持多种视图以便查看 JSON:列视图、树视图、JSON 视图等 列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法
![6e5f77ead044fbd9874f8fa690d7fc3b.png](https://i-blog.csdnimg.cn/blog_migrate/b43b0682fdfea85a75e689c969533ad3.png)
项目地址:
https://github.com/jsonhero-io/jsonhero-web
安装
要在本地运行 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
![1766bf08b2247ddd10d1f2ffff4cf398.png](https://i-blog.csdnimg.cn/blog_migrate/731717550c3b8e83329ff26decdac473.png)
内容预览
JSON Hero 会自动推断字符串的内容,并对选择的值提供有用的预览和属性。
日期和时间
![b3b4d2db8f7f5ec389398fb3165ef3ab.png](https://i-blog.csdnimg.cn/blog_migrate/ec2f4454d609c94317ee9ea512a44509.png)
图片网址
![de997ec66e8178c9166bd7e5e5ea8045.png](https://i-blog.csdnimg.cn/blog_migrate/dbfcc1315e642db7d9b935001bafe8c9.png)
网站网址
![51dcace7e183dbd022bfeb70f4e7717d.png](https://i-blog.csdnimg.cn/blog_migrate/1c9515b9053f7092144f3210f52e4759.png)
JSON URL
![f9aa3fef34e384a4dcdcef8abc1a001f.png](https://i-blog.csdnimg.cn/blog_migrate/96b189c18b344d59450b0c8293c5a461.png)
树状视图
这个也是用的最多的,树状图结构可以很清晰的展示,看一组图:
同时支持对JSON数据中的数据进行搜索:
![67ad15c63afad13c1e2ead6a4376c79d.gif](https://i-blog.csdnimg.cn/blog_migrate/fd55d4a45bd9b892699a4d0a54ce8036.gif)
重点来了!
当你完成数据编辑或者审核后,需要分享给前端,不必复制全部数据,只需要生成指定链接即可,这个很方便。
![a02abc13f23099c9580aca6003741ea3.png](https://i-blog.csdnimg.cn/blog_migrate/fbe09f60248d5149d3070ecde71b53f9.png)
整体来讲,JSON Hero 支持多种试图查看JSON数据,同时支持VS Code 等扩展,相信对经常处理JSON的小伙伴来说,是一款很给力的工具。
热门内容:
最近面试BAT,整理一份面试资料《Java面试BAT通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。
明天见(。・ω・。)ノ