当前位置: 首页 > news >正文

JSON Hero:视图查看更简单!!【送源码】

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

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

图片

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

1本地安装(可选)

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

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

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

npm start

2直接使用

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

内容预览

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

日期和时间

图片

图片网址

图片

网站网址

图片

JSON URL

图片

树状视图

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

图片

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

图片

重点来了!

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

图片

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

 ——EOF——


福利:

扫码回复【酒店】可免费领取酒店管理系统源码

 


http://www.mrgr.cn/news/19908.html

相关文章:

  • 【高等代数笔记】(18)N阶行列式
  • Linux教程8:文本编辑命令vi
  • 【JAVA】第三天
  • Java-互斥锁死锁释放锁
  • Leetcode—72. 编辑距离【中等】
  • 【IPV6从入门到起飞】3-域名解析动态IPV6(阿里云)
  • 栈和队列——用栈实现队列
  • Python使用turtle画笑脸
  • 【C++ 面试 - STL】每日 3 题(八)
  • 第11讲 回环检测
  • 【为项目做准备】Linux操作系统day2
  • 整形提升-C语言
  • 2157. 优秀的拆分(power)
  • Linux学习笔记5 值得一读,Linux(ubuntu)软件管理,搜索下载安装卸载全部搞定!(上)
  • 【重学 MySQL】八、MySQL 的演示使用和编码设置
  • ECCV2024|RegionDrag:基于区域的图像编辑方法,通过手动拖拽实现图像编辑!
  • hadoop dfs web页面访问增加鉴权
  • 谈谈AI领域的认知误区、机会点与面临的挑战
  • 计算机为啥搞出那么多进制?
  • SpringBoot开发——整合Swagger