01

—

背景

之前写了《序列化与反序列化》、《JSON 大报文优化$ref》2篇跟JSON有关的文章。查资料时无意间发现一个工具，使用了一段时间，感觉还不错的，可以提升沟通效率，而且同学们也感兴趣，今天就总结一下推荐给大家。

02

—

场景

越来越多的场景选择JSON格式作为应用程序间的通信交互方式，随着时间的推移，业务的堆叠，当JSON报文越来越大时，码农间基于JSON的沟通也越来越重要！

个人认为JSON有一个比较鲜明的特点——行短列多，在树形结构下看，有的时候一屏显示不完整，这时候主角JSON Crack就可以派上用场了。

03

—

JSON Crack

稍微翻一下：JSON Crack 消除了原始数据的混乱，使复杂的数据变得简单易懂。您的数据将自动转化为可视化树形图，让您快速了解数据，一目了然。

除此之外，JSON Crack是一款免费的开源数据可视化应用程序，能够将JSON、YAML、CSV、XML、TOML等数据格式可视化为交互式图表。其直观且用户友好的界面使得探索、分析和理解复杂的数据结构变得简单，支持多种视图模式，包括图形化和树视图，用户可以根据需求选择适合的数据展示方式，还支持通过触摸手势进行缩放和平移，导出为PNG、SVG、JPEG格式。

04

—

安装

网上一搜，都是在Linux安装或者通过VS CODE插件安装，windows需要一个安装包解压就行，这玩意儿安装包（Json+Crack.zip）是真好找，但要免费拿到是真不容易，百度出来的99%在网盘，网盘后又要VIP会员提速，提速下来后里面有扫码关注，真服了这帮老六，终于搞到手了，给大家感受一下先：

在和测试或前端沟通的时候，忘了烦人的引号、冒号和大括号，JSON贴进去一圈，简单明了。微信不能贴外链，如果有感兴趣的，直接私我，免费给，不做我讨厌的那种人。

当然，你也可以直接访问：https://jsoncrack.com/editor，前提是你能打开且不怕你的JSON被服务端采集。

05

—

功能介绍

拿到上面的ZIP包解压后打开里面的editor.html就行，里面有个自带的JSON可以体验。为了方便可以创建一个快捷方式到桌面（或开始菜单），后续就可以直接使用了。

多种视图模式：支持图形化和树视图模式，图形视图通过直观的图表展示数据之间的关系和流动，树视图则提供层次化的数据结构展示。

数据导入：允许用户直接从本地文件或通过URL导入JSON数据，提供了灵活且高效的数据处理方式。

导出和分享：支持将可视化结果导出为PNG、SVG、JPEG格式，并可以复制到剪贴板。

触摸手势支持：通过触摸手势进行缩放和平移，提升用户体验。

06

—

使用场景

JSON Crack适用于各种需要数据可视化的场景，包括但不限于：

开发人员：在开发过程中可视化复杂的数据结构，帮助调试和理解数据关系。

数据分析师：在进行数据分析时，通过可视化图表快速发现数据中的模式和趋势。

用于教学：帮助学生和理解复杂的数据结构和关系。

07

—

其它

在研究JSON Crack过程中，推荐算法还给出了类似的产品——jsonhero（https://jsonhero.io/）。

JSON Hero是一个开源的JSON可视化管理工具，由Trigger.dev团队开发和维护。它提供了一个美观且功能丰富的用户界面，旨在通过简洁直观的界面和多种功能，使得阅读和理解JSON文档变得更加容易和直观。

多种视图模式：JSON Hero支持列视图、树视图和编辑器视图等多种视图模式。列视图灵感来源于macOS Finder文件夹的展示方式，树状视图则适合遍历JSON文件中的每一项数据。

智能预览：工具能够自动推断字符串内容并提供有用的预览，增强数据理解

生成JSON模式：自动生成JSON模式，用于验证JSON数据的结构。

快速扫描：快速扫描相关值，检查边缘情况，确保数据一致性。

强大搜索：支持对JSON文件中的键和值进行搜索，方便定位信息。

键盘导航：完全支持键盘操作，提高使用效率。

分享功能：提供带有路径支持的可共享URL，方便团队协作。

看起来功能更强大，如果你对这块也感兴趣，可以试试看，祝你好运！

划水专用：

https://github.com/triggerdotdev/jsonhero-web

https://github.com/AykutSarac/jsoncrack.com

阅读原文：原文链接