[{"data":1,"prerenderedAt":195},["ShallowReactive",2],{"blog-json-formatter-complete-guide":3},{"id":4,"title":5,"author":6,"body":7,"category":172,"description":173,"extension":174,"image":175,"keywords":176,"meta":181,"navigation":188,"path":189,"publishedAt":190,"readingTime":191,"seo":192,"stem":193,"updatedAt":190,"__hash__":194},"blog\u002Fblog\u002Fjson-formatter-complete-guide.md","JSON格式化在线工具完全指南：一行压缩JSON秒变可读","91AI工具团队",{"type":8,"value":9,"toc":162},"minimark",[10,25,32,37,40,44,52,58,64,70,75,78,94,97,108,111,117,123,129,132],[11,12,13,14,18,19,24],"p",{},"调试接口时，经常从浏览器、抓包工具或服务端日志里拿到",[15,16,17],"strong",{},"挤成一长条、根本没有换行的 JSON","，几万字符堆在一起，肉眼根本找不出参数在哪、谁套着谁。91AI工具的",[20,21,23],"a",{"href":22},"\u002Ftools\u002Fjson-formatter","JSON格式化工具","可以把这些乱码般的字符一键整理成带缩进、可读的层级结构。",[11,26,27],{},[28,29],"img",{"alt":30,"src":31},"JSON格式化工具界面","\u002Fimages\u002Ftools\u002Fjson-formatter.png",[33,34,36],"h2",{"id":35},"为什么-json-会变成乱码","为什么 JSON 会变成\"乱码\"",[11,38,39],{},"服务器为了省流量，响应文本经常一次性拼成没有换行缩进的最小化字符串；您从控制台复制出来的也是这一串。数字小看不出什么，一旦接口返回多层嵌套的对象数组，没有段落在视觉上就被\"封印\"了，根本没法校对字段。",[33,41,43],{"id":42},"怎么用-json-格式化","怎么用 JSON 格式化",[11,45,46,49,50],{},[15,47,48],{},"第一步","：打开",[20,51,23],{"href":22},[11,53,54,57],{},[15,55,56],{},"第二步","：把原始 JSON 粘贴到输入框，或者从接口抓包处复制进来",[11,59,60,63],{},[15,61,62],{},"第三步","：点击格式化，瞬间生成有缩进有换行的结构视图",[11,65,66,69],{},[15,67,68],{},"第四步","：展开折叠、检查层级语法，顺带复制美化后的结果",[11,71,72],{},[28,73],{"alt":74,"src":31},"JSON格式化流程",[33,76,77],{"id":77},"常用场景一览",[79,80,81,85,88,91],"ul",{},[82,83,84],"li",{},"前端联调：看接口响应参数结构，对照字段写页面",[82,86,87],{},"后端排查：把日志里的 JSON 还原成易读格式，定位报错字段",[82,89,90],{},"抓包分析：代理工具里的压缩 JSON 先格式化再分析",[82,92,93],{},"数据准备：美化后复制到文档、接口测试工具重新提交",[33,95,96],{"id":96},"使用中的小技巧",[79,98,99,102,105],{},[82,100,101],{},"校验：格式化后若发现语法标红，说明这里有语法错误",[82,103,104],{},"对比：把格式化前后的结构放在一起看，差异一目了然",[82,106,107],{},"复刻：确认结构无误后，就能直接作为代码片段使用",[33,109,110],{"id":110},"常见疑问",[11,112,113,116],{},[15,114,115],{},"浏览器上处理安全吗？"," 本地转换、不上传服务器，第三方接口的方案密钥留在本地很放心。",[11,118,119,122],{},[15,120,121],{},"长 JSON 会不会卡？"," 常见的几兆内容也能顺畅格式化，适合日常开发工作。",[11,124,125,128],{},[15,126,127],{},"它只会美化吗？"," 还能折叠层级并校验语法，功能实用。",[33,130,131],{"id":131},"相关工具",[79,133,134,141,148,155],{},[82,135,136,140],{},[20,137,139],{"href":138},"\u002Ftools\u002Fonline-notepad","在线记事本"," - 保存格式化结果",[82,142,143,147],{},[20,144,146],{"href":145},"\u002Ftools\u002Ftext-diff","文本对比"," - 找两段 JSON 差异",[82,149,150,154],{},[20,151,153],{"href":152},"\u002Ftools\u002Fbase64-decode","Base64解码"," - 解开编码数据",[82,156,157,158,161],{},"打开",[20,159,160],{"href":22},"JSON格式化"," 立即使用",{"title":163,"searchDepth":164,"depth":164,"links":165},"",2,[166,167,168,169,170,171],{"id":35,"depth":164,"text":36},{"id":42,"depth":164,"text":43},{"id":77,"depth":164,"text":77},{"id":96,"depth":164,"text":96},{"id":110,"depth":164,"text":110},{"id":131,"depth":164,"text":131},"crypto","JSON格式化完全指南，解决接口JSON挤成一行没换行缩进、肉眼看不出层级结构、核对参数修Bug效率极低的痛点。介绍压缩JSON一键美化缩进、展开每一个层级并高亮语法、可原地校验格式，浏览器本地处理不上传服务器保护隐私数据，压缩字符秒变清晰结构树，适合前端联调接口测试抓包看数据，程序员最爱的效率工具。","md",null,[160,177,178,179,180],"JSON在线格式化","JSON美化","JSON压缩还原","接口调试",{"relatedTools":182,"type":187},[183,184,185,186],"json-formatter","online-notepad","text-diff","base64-decode","blog",true,"\u002Fblog\u002Fjson-formatter-complete-guide","2026-08-08",5,{"title":5,"description":173},"blog\u002Fjson-formatter-complete-guide","AkEY-U1ns8Zzi16GK2SoVrIdpWl1vCXrzp6JkAAdDks",1786164563182]