实用！一款开源的 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 打开 JSONRaycast 用户也提供了相关的扩展插件可直接安装：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 值。

很赞哦!（9965）