当前位置:网站首页>这款可视化工具神器,更直观易用!太爱了
这款可视化工具神器,更直观易用!太爱了
2022-08-10 21:52:00 【民工哥】
点击下方“Java编程鸭”关注并标星
更多精彩 第一时间直达
简介
JSON Hero 是一个简单实用的 JSON 工具,通过简介美观的 UI 及增强的额外功能,使得阅读和理解 JSON 文档变得更容易、直观。
支持多种视图以便查看 JSON:列视图、树视图、JSON 视图等 列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法
项目地址:
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
内容预览
JSON Hero 会自动推断字符串的内容,并对选择的值提供有用的预览和属性。
日期和时间
图片网址
网站网址
JSON URL
树状视图
这个也是用的最多的,树状图结构可以很清晰的展示,看一组图:
同时支持对JSON数据中的数据进行搜索:
重点来了!
当你完成数据编辑或者审核后,需要分享给前端,不必复制全部数据,只需要生成指定链接即可,这个很方便。
整体来讲,JSON Hero 支持多种试图查看JSON数据,同时支持VS Code 等扩展,相信对经常处理JSON的小伙伴来说,是一款很给力的工具。
END
看完本文有收获?请转发分享给更多人
关注「Java编程鸭」,提升Java技能
关注Java编程鸭微信公众号,后台回复:码农大礼包 可以获取最新整理的技术资料一份。涵盖Java 框架学习、架构师学习等!
文章有帮助的话,在看,转发吧。
谢谢支持哟 (*^__^*)
边栏推荐
- Regular expression of shell programming and text processor
- Likou 215 questions, the Kth largest element in an array
- What are the concepts, purposes, processes, and testing methods of interface testing?
- Interpretation of the paper (g-U-Nets) "Graph U-Nets"
- Black cat takes you to learn Makefile Part 12: Summary of common Makefile problems
- 《DevOps围炉夜话》- Pilot - CNCF开源DevOps项目DevStream简介 - feat. PMC成员胡涛
- 链表中的节点每k个一组翻转
- MySQL高级指令
- web逆向之丁香园
- 黑猫带你学Makefile第13篇:Makefile编译问题合集
猜你喜欢
These must-know JVM knowledge, I have sorted it out with a mind map
为什么一般公司面试结束后会说「回去等消息」,而不是直接告诉面试者结果?
《DevOps围炉夜话》- Pilot - CNCF开源DevOps项目DevStream简介 - feat. PMC成员胡涛
mmpose关键点(一):评价指标(PCK,OKS,mAP)
QT笔记——用VS + qt 生成dll 和 调用生成的dll
高数_复习_第5章:多元函数微分学
服务——DHCP原理与配置
【PCBA scheme design】Bluetooth skipping scheme
c语言之 练习题1 大贤者福尔:魔法数,神奇的等式
阿里云架构师金云龙:基于云XR平台的视觉计算应用部署
随机推荐
LeetCode-498-对角线遍历
Labelme-5.0.1 version edit polygon crash
Intelligent scheme design - intelligent rope skipping scheme
Shell编程规范与变量
Likou 215 questions, the Kth largest element in an array
基于交流潮流的电力系统多元件N-k故障模型研究(Matlab代码实现)【电力系统故障】
过滤器
Common interview questions for APP UI automation testing, maybe useful~
2022.8.9 Mock Competition
翻译科技论文,俄译中怎样效果好
Service - DHCP principle and configuration
直播课堂系统08补-腾讯云对象存储和课程分类管理
Live Classroom System 09--Tencent Cloud VOD Management Module (1)
自组织是管理者和成员的双向奔赴
shell脚本
字节跳动原来这么容易就能进去...
直播课堂系统08-腾讯云对象存储和课程分类管理
C # Hex file transfer skills necessary article 】 【 bin file code implementation
IM 即时通讯开发如何设计图片文件的服务端存储架构
Redis Performance Impact - Asynchronous Mechanisms and Response Latency