基于Node.js 20 + ElementUI 打造,兼顾交互,是开发 / 调试中处理 JSON 的高效工具访问地址: https://floweroda.github.io/json_view/
JSONPath(JP)检索(核心特色)
这是工具的核心亮点,,需注意:JP 模式下检索框必须输入有效值(JSONPath 语法),否则点击美化按钮无响应:
- • 完整 JSONPath 语法支持:兼容主流 JSONPath 语法
- • 检索增强能力 :结合正则、大小写敏感、全字匹配检索:比如检索
image时,可选择 “大小写不敏感” 匹配Image/IMAGE ,或用正则 ^image.* 匹配以 image 开头的节点,也可 “全字匹配” 避免部分字符匹配的干扰。 - • 检索结果优化:检索到目标节点后,自动高亮匹配内容,支持 “复制 JSONPath 路径”“复制节点值”“复制为jsonpath路径”,方便直接粘贴到代码中使用;
节点精细化操作
- • 节点删除 / 隐藏:针对冗余节点(如调试日志、无用元数据),可右键单个节点删除,删除后实时刷新 JSON 结构,自动修复语法完整性
- • 节点折叠 / 展开:支持 “全部折叠 / 全部展开”“按层级展开(如只展开前 3 层)”,针对深度嵌套的 JSON(如接口返回的复杂实体数据),可快速定位核心节点,避免界面冗余。
显示优化(适配复杂 JSON 场景)
- • 超长字段智能截断:针对超长字符串(如 base64 图片、大段文本)的字段替换为...
如果想要私有部署 请安装python3.8+ 新建front文件夹,然后将index.html和assets目录都移动到front,再启动python脚本即可
#Json格式化 #json