自己撸了个简单的 JSON 格式化工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 985 天前的主题，其中的信息可能已经有所发展或是发生改变。

一时兴起，试用 Vite 的时候顺手撸了个小工具。

在线版部署在 GitHub Pages 上，同时上传了 Docker 镜像，方便一键部署。

截图预览

preview

第 1 条附言 · 2022-04-18 01:08:00 +08:00

更新

添加了展开收起动画
添加了Code mirror编辑器
当值是字符串，且内容为JSON字符串时可展开预览

Docker

镜像

线版

vite

12 条回复 • 2022-04-18 00:55:30 +08:00

x86

2022-04-12 21:47:57 +08:00

v2 人均一个在线工具和导航...

jiuhuicinv

2022-04-12 22:06:43 +08:00

自用的四行代码实现哈哈 https://file.jfz.xyz/json.html

waising

2022-04-12 22:45:39 +08:00

https://jsonvisio.com/editor

afewok

2022-04-13 00:52:13 +08:00

我来提个要求吧，字符串里的 json 支持格式化
比如："{\"key\":\"value\"}"

karott7

2022-04-13 09:08:27 +08:00

为什么只格式格式化第一层 json ？之前用搜索出来的第一个 json 格式网站也是

Jekins

2022-04-13 09:16:12 +08:00

utools 路过哈哈哈

oppoic

2022-04-13 09:42:04 +08:00

我做成了浏览器插件，断网也可以用

https://chrome.google.com/webstore/detail/jsonviewer/khbdpaabobknhhlpglenglkkhdmkfnca
另外，一个窗口最多支持 6 段 JSON 同时格式化

oppoic

2022-04-13 09:52:43 +08:00

https://imgur.com/a/F5ytgz8

BlueSky335

2022-04-13 10:09:20 +08:00

@karott7 不会啊，会递归解析每一层啊，你看截图

mlhadoop

2022-04-13 13:57:58 +08:00

@x86 哈哈，这现象的确是有点意思

karott7

2022-04-13 16:09:32 +08:00

@BlueSky335 "{"message":"aaaa","rspData":"{\"message\":\"bbbbb\",\"statusCode\":\"POSTED\"}","statusCode":"POSTED"}"

你复制看吧

BlueSky335

2022-04-18 00:55:30 +08:00

@karott7 已经更新了代码，支持了你这种情况。顺便添加了一些动画和优化了编辑器