简介

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

使用

可以通过多种方式将 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 值。

JSON Hero 好用的json工具相关推荐

  1. Golang Json文件解析为结构体工具-json2go

    代码地址如下: http://www.demodashi.com/demo/14946.html 概述 json2go是一个基于Golang开发的轻量json文件解析.转换命令行工具,目前支持转换输出 ...

  2. 20选1,来挑一款最棒的JSON编辑器吧,用好工具,可提前60分钟下班

    现在大多数公司都是前后台分离进行开发,因此数据对接成了每日的必备工作,一款好的 JSON 格式化工具,能大幅度提高我们的工作效率. 本篇博客将为你推荐 20 款 JSON 格式化工具,希望能有一款得到 ...

  3. Json与XML在线互转工具

    Json与XML在线互转工具 点击下方链接,跳转到Json与XML在线互转工具界面. Json与XML在线互转工具

  4. 【Json】在线JSON转MySQL建表语句工具

    在线JSON转MySQL建表语句工具 在线JSON转MySQL建表语句工具 此工具可以将JSON对象转换成MySQL语句,支持复制和下载. 在开发过程中,使用此工具可以蛮方便的. 当然还有其他工具:( ...

  5. 在线JSON转MySQL建表语句工具

    在线JSON转MySQL建表语句工具 在线JSON转MySQL建表语句工具 JSON:(JavaScript Object Notation, JS对象简谱) 是一种轻量级的数据交换格式.它基于 EC ...

  6. JSON基础及Java的JSON工具类

    一.JSON基础 定义:JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式.它基于 ECMAScript (欧洲计算机协会制定的js规范)的 ...

  7. JSON,java对象转json

    服务器返回给异步对象的数据载体: 1.HTML 2.XML 3.JSON 一)什么是JSON (1)JSON(Java Script Object Notation(记号,标记))是一种轻量级的数据交 ...

  8. iis php json文件,配置iis支持.json格式的文件

    一.IIS 6 1. MIME设置: 在IIS的站点属性的HTTP头设置里,选MIME 映射中点击"文件类型"-"新类型",添加一个文件类型: 关联扩展名:*. ...

  9. python读取json配置文件_Python简单读取json文件功能示例

    本文实例讲述了Python简单读取json文件功能.分享给大家供大家参考,具体如下: read_json.json: { "rule":{ "namespace" ...

最新文章

  1. Flume的安装与配置
  2. Python拼接字符串的7种方法总结
  3. linux网络编程之多路I/O转接服务器poll函数
  4. Vivado工程路径太长导致不能生成bit文件
  5. array转list_Java面试题Array和ArrayList有何区别?
  6. XMLHTTPRequest如何访问需要安全验证的网站
  7. 浅谈FOF场外投资交易流程
  8. 浅谈大比例尺数字地形图的缩编方法
  9. I have nothing 中文歌词 歌词
  10. 【业务安全02】业务数据安全
  11. 针对商品标题冗长问题,阿里工程师怎么解决?...
  12. 三、mongdb 查询
  13. arduino uno+驱动器控制42步进电机
  14. 斗地主发牌及排序流程
  15. 云因成本高昂屡被关注,上云的价值是什么?
  16. py文件编译为pyc
  17. 爱因斯坦 上楼梯问题 若每步跨2阶,剩1阶 两种方法
  18. 接触角测试视频的 自动接触角测量
  19. 这18款作品斩获2020 Qualcomm XR 创新应用挑战赛奖项
  20. [carla入门教程]-3 在carla中遥控汽车并采集传感器数据(一个简单Demo,附代码)

热门文章

  1. 2021最新Node.js官网安装教程,配置环境变量(图文详细)
  2. dialog,activity 屏蔽Home键详解
  3. Mysql高级部分--索引、锁等详解
  4. Office EXCEL 表格如何设置某个单元格是选择项,如何设置一级下拉菜单
  5. 电脑上快速将PDF转换成TXT的教程
  6. pat甲级什么水平_保研经历 | 过去几个月我干了些什么
  7. dataframe 控对象_DAUR/chap02_data_structure.md at master · KenLeeJ/DAUR · GitHub
  8. 【北京】安全研究员/工程师-20-35K,人体工程学座椅坐等你来~
  9. 【秒懂音视频开发】26_RTMP服务器搭建
  10. 信大捷安面试20190218