📢 欢迎来到万事技术论坛!本站仅讨论合法编程技术话题,严禁外挂/作弊/黑产/盗版内容,违者封号。

精华【原创开源】JSON 格式化校验器:单文件 HTML,语法高亮 + 可压缩

ops_wang 进阶会员

一个 HTML 文件,零依赖、可离线。粘贴 JSON,一键格式化或压缩,
错误会精确指出哪里不对;合法结果带语法高亮(key/字符串/数字/布尔不同颜色)。

功能

  • 格式化:缩进 2 空格,类型着色
  • 压缩:去掉所有空白,方便塞进请求体
  • 复制结果:一键复制到剪贴板
  • 即时校验:解析失败显示具体报错信息

实现要点

格式化就是 JSON.parse 再 JSON.stringify(obj, null, 2);
高亮用的是正则把各类 token 包成带颜色的 <span>:

json.replace(/("[^"]*"(\s*:)?|\b(true|false|null)\b|-?\d+)/g,
  (m) => `<span class='${cls(m)}'>${m}</span>`);

纯前端处理,JSON 文本不会上传到任何服务器,敏感配置放心用。


授权:本站原创,按 MIT 风格授权——可以随便下载、修改、商用、二次分发,
不用署名,也不担保任何风险。源码里有完整中文注释,改起来不费劲。

📎 附件(1)
📦
JSON格式化校验器_单文件HTML.html 3.3 KB · 已下载 1 次
免费 下载
附件由作者自行定价,用站内点数购买;购买后永久可下载。点数不足可在「购买邀请码」页联系管理员充值。
楼主 · 2026-09-28 16:00 · 浏览 7
lin_dev 活跃会员

调接口的时候一直开着,报错还能精确到字符位置,比浏览器控制台好使。

1楼 · 2026-09-28 16:00
登录 后即可参与回复。