实用!一款开源的 JSON 可视化管理工具

开发 开发工具 开源
这是一款很实用的 JSON 工具,可以更轻松直观地查看 JSON 文档。

简介

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

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

  • 自动推断字符串的内容并提供有用的预览
  • 自动推断 JSON 的内容、类型并提供有用的建议
  • 快速扫描相关知识并检查边缘情况
  • 支持检索 JSON 文件00:14
  • 支持使用键盘进行操控
  • 可生成段路径 URL 轻松与他人共享自己的 JSON 文件0:08

项目地址:

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

使用

可以通过多种方式将 JSON 文件发给 JSON Hero 解析
  • 前往 https://jsonhero.io/ 并将 JSON 文件拖拽到网站上,或在提供的表单中粘贴 JSON 或 JSON url
  • 使用包含 JSON 有效负载的 Base64 字符串,拼接到 jsonhero.id:jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==
  • 使用包含 JSON 文件的 url 地址,拼接到 jsonhero.io:jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1
  • 安装 JSON Hero 的 VS Code 扩展并从 VS Code 打开 JSON
  • Raycast 用户也提供了相关的扩展插件可直接安装:https://www.raycast.com/maverickdotdev/open-in-json-hero
  • 使用非官方 API:使用以下 JSON 发出 POST 请求:
{
  "title""test 123",
  "content": { "foo""bar" }
}

将得到如下响应:

{
  "id""YKKduNySH7Ub",
  "title""test 123",
  "location""https://jsonhero.io/j/YKKduNySH7Ub"
}
内容预览

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

  • 日期和时间
  • 图片网址

  • 网站网址

  • 推特网址

  • JSON URL

  • 颜色

相关值

可以轻松查看整个 JSON 文档中特定字段的所有相关值,包括 undefined 和 null 值。

责任编辑:张燕妮 来源: 开源前哨
相关推荐

2019-10-10 08:46:02

Docker可视化技术浏览器

2020-07-27 09:59:25

Kafka可视化CMAK

2010-10-11 11:03:01

MySQL管理工具

2022-09-08 09:00:38

Ansible开源

2015-08-07 09:44:36

开源数据中心

2019-08-30 08:00:00

WebminWebLinux

2022-07-12 09:35:59

JSON可视化工具

2021-12-10 10:46:16

可视化工具LinuxRedis

2010-05-11 18:35:47

MySQL数据库

2021-03-01 07:45:32

kubernetes应用程序工具

2023-12-26 15:14:00

2022-01-20 13:39:44

MySQLSequel Pro数据库

2019-02-12 13:20:27

开源网络网管工具

2022-07-01 10:53:05

KubernetesLinux工具

2020-10-13 17:10:24

GithubRedis数据库

2023-03-08 07:45:50

可视化编程工具SpringBoot

2022-06-15 15:09:48

管理工具

2019-07-19 16:55:07

MySQL管理工具Orchestrato

2016-03-15 12:27:54

WireEdit可视化编辑工具网络数据包编辑器

2013-07-25 09:31:59

开源云计算
点赞
收藏

51CTO技术栈公众号