发现一款 JSON 可视化工具神器,太爱了!

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

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的小伙伴来说,是一款很给力的工具。

责任编辑:庞桂玉 来源: Python开发
相关推荐

2022-08-15 08:02:09

Go程序函数

2020-03-24 09:50:33

工具代码开发

2024-02-26 12:02:37

Python数据可视化D3blocks

2021-04-11 09:51:25

Redis可视化工具

2015-12-02 09:44:04

Python视化工具

2022-05-24 15:03:44

开源工具可视化

2022-09-14 08:49:01

Kubernetes

2019-12-23 14:17:46

数据可视化工具

2024-01-11 18:55:37

3D可视化AI

2021-06-11 17:45:57

大数据可视化工具

2021-04-14 16:20:39

可视化大数据工具

2022-01-17 11:09:46

数据可视化工具开发

2019-06-11 09:35:34

可视化工具图形

2019-10-10 08:46:02

Docker可视化技术浏览器

2023-03-08 07:45:50

可视化编程工具SpringBoot

2020-07-27 09:59:25

Kafka可视化CMAK

2017-07-03 16:44:10

数据库MongoDBNoSQL

2021-03-30 10:10:37

PyTorch可视化工具命令

2018-09-09 23:07:17

物联网可视化编程工具

2016-03-15 12:27:54

WireEdit可视化编辑工具网络数据包编辑器
点赞
收藏

51CTO技术栈公众号