checkbox 和 radio 组件
2026/9/23 18:29:38
阅读提示
- 适合读者：前后端、测试，以及经常要看接口返回、写 Mock 的同学。
- 解决什么问题：返回挤成一行看不清、少逗号校验不过、要把 JSON 塞进字符串。
- 工具入口：Tools-Web - 一个轻量的在线工具箱Tools-Web 是一个轻量在线工具箱，覆盖开发运维、文本处理、图片处理、数据图表等常用工具，打开即用。
https://toolsagent.cn/json/
- 预计阅读时长：5 分钟。
一、写在前面
联调时最常见的不是业务逻辑写错，而是 JSON 本身不干净：抓包结果糊成一行，字段对不齐；复制进代码少了个逗号；要写进配置字符串时，引号又不知道怎么转义。
工具坊这页 Json 在线转换 把高频动作收在同一屏：带行号的编辑器，下面六个按钮——校验/格式化、压缩、转义、去转义、复制、清空。不用注册，打开就能贴。
二、页面上有什么
工具标题是 Json 在线转换，归在左侧 开发运维 分类下。
| 控件 | 说明 |
|---|---|
| 编辑器 | 占位「这里是代码...」，左侧有行号，字符串会高亮 |
| 校验/格式化 | 能解析就按 Tab 缩进展开；失败提示「无效的 JSON」 |
| 压缩 | 去掉换行和制表符，收成一行 |
| 转义 | 给双引号前面加反斜杠，方便塞进字符串 |
| 去转义 | 去掉文本里的反斜杠，把\"还原成" |
| 复制 | 把当前编辑器内容写入剪贴板 |
| 清空 | 整框清空 |
没有树形视图、没有下载。格式化固定用 Tab 缩进。
三、按按钮走一遍
后文不再重复入口地址，用的就是文首那一个。
3.1 校验 / 格式化
把接口返回贴进去，点 校验/格式化。合法内容会展开。中文键值也能正常显示，不会变成\uXXXX。
少写值、多逗号、用单引号，都会失败，按钮下方出现红底：无效的JSON。提示不标出行号，先看最后几个括号、逗号和引号。
3.2 压缩
格式化之后点 压缩，换行和 Tab 会被拿掉，收成一行。适合往请求体、环境变量里塞。
3.3 转义 / 去转义
往代码字符串里嵌 JSON 时点 转义，"会变成\"。从日志里拷出\"name\":\"John\"时点 去转义 即可还原。
去转义会 去掉所有反斜杠。普通\"没问题；内容里有C:\temp或已经转义两层，要先复制一份再试。
3.4 复制和清空
空内容点复制会提示「无可复制内容」。清空不会留历史，要留底先复制出去。
四、开发里真正会用到的场景
看接口返回、改 Mock、定位少逗号、把 JSON 嵌进字符串字面量。
五、使用时要注意
- 先校验再压缩、再转义。压缩和转义不校验合法性。
- 不要贴带密钥、手机号的生产响应。
- 单引号、注释、尾逗号不是标准 JSON，这里同样会报无效。
- 刷新页面内容就没了。
六、小结
这页把「看清、收拢、转义、复制」放在六个按钮里。看接口、改 Mock、查少逗号时，把它当书签比开 IDE 贴临时文件更快。需要用的时候，回到文首的工具入口打开即可。