专栏名称: 数据分析与开发

伯乐在线旗下账号，分享数据库相关技术文章、教程和工具，另外还包括数据库相关的工作。偶尔也谈谈程序员人生 :)

发现一款JSON可视化工具神器，惊艳了！

数据分析与开发 · 公众号 · 数据库 · 2024-10-08 08:36

正文

来源：
blog.csdn.net/mashibingjiaoyu/article/details/126904804

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数据中的数据进行搜索：

重点来了！

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

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

推荐文章

数据分析与开发 · 发现一款JSON可视化工具神器，惊艳了！

昨天

Java基基 · 图解 SQL 执行顺序，通俗易懂！

1 周前

数据分析与开发 · 突发！上交所系统被买崩了？股票交易量火爆挤瘫系统，IT 部门天塌了！

1 周前

佳木斯日报 · 【收藏】15种饺子的包法！过年可以露一手啦！

7 年前

OSC开源社区 · OSChina 周六乱弹 ——2017“荷赛”奖

7 年前

浙江市场监管矩阵 · 台州破获一起跨省网络销售伪劣化妆品大案

7 年前

梦幻西游 · 灵饰阁丨半车灵饰鉴定，物理法系的小极品属性全都有

7 年前

备胎说车 · 把车厂减配的隔音条装回来，5分钟搞定

6 年前