[{"data":1,"prerenderedAt":250},["ShallowReactive",2],{"blog-post-zh-how-to-format-json-online":3},{"id":4,"title":5,"author":6,"body":7,"description":235,"draft":236,"extension":237,"lang":238,"meta":239,"navigation":240,"path":241,"pubDate":242,"relatedTool":243,"seo":244,"stem":245,"tags":246,"__hash__":249},"blog\u002Fblog\u002Fzh-how-to-format-json-online.mdx","如何在线格式化 JSON（免费工具）","ujiffy team",{"type":8,"value":9,"toc":226},"minimark",[10,15,19,22,45,49,58,74,82,90,94,97,124,127,131,134,184,187,191,211,214,217],[11,12,14],"h2",{"id":13},"为什么-json-格式化很重要","为什么 JSON 格式化很重要",[16,17,18],"p",{},"JSON（JavaScript Object Notation）是现代 API 和数据交换的基础格式。但原始 JSON——尤其是来自网络响应或数据库导出的数据——往往是没有任何空白字符的单行压缩文本，阅读和调试起来非常痛苦。",[16,20,21],{},"格式化 JSON 的意义在于添加统一的缩进和换行，让结构一目了然。格式良好的 JSON 文件让你能够：",[23,24,25,33,39],"ul",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"更快发现错误"," —— 括号不匹配、缺少逗号、数据类型有误，一眼就能看出来。",[26,34,35,38],{},[29,36,37],{},"理解嵌套结构"," —— 深层嵌套的对象和数组变得清晰可读。",[26,40,41,44],{},[29,42,43],{},"便于分享和评审"," —— 格式化后的 JSON 在代码评审或文档中更容易讨论。",[11,46,48],{"id":47},"常见需要-json-格式化工具的场景","常见需要 JSON 格式化工具的场景",[16,50,51,54,57],{},[29,52,53],{},"1. 调试 API 响应",[55,56],"br",{},"\n你从 Postman 或浏览器网络面板粘贴了一段原始响应，需要快速看清服务端究竟返回了什么。",[16,59,60,63,65,69,70,73],{},[29,61,62],{},"2. 处理配置文件",[55,64],{},[66,67,68],"code",{},"package.json","、",[66,71,72],{},"tsconfig.json","、AWS IAM 策略——JSON 配置文件应该具有良好的可读性和统一的缩进。",[16,75,76,79,81],{},[29,77,78],{},"3. 对比 JSON 数据",[55,80],{},"\n在对比两段 JSON 之前，先把两者都格式化，避免空白差异掩盖真正的内容变化。",[16,83,84,87,89],{},[29,85,86],{},"4. 还原压缩后的生产环境输出",[55,88],{},"\n压缩 JSON 可以减小传输体积，但本地调试时需要将其还原为可读格式。",[11,91,93],{"id":92},"如何使用-ujiffy-json-格式化工具","如何使用 ujiffy JSON 格式化工具",[16,95,96],{},"ujiffy 的 JSON 格式化工具完全免费，基于浏览器运行，无需注册：",[98,99,100,106,112,118],"ol",{},[26,101,102,105],{},[29,103,104],{},"粘贴 JSON","——将任意 JSON 内容粘贴到输入框，不论格式多乱都可以。",[26,107,108,111],{},[29,109,110],{},"点击「格式化」","——工具立即输出带有 2 空格缩进的整洁 JSON。",[26,113,114,117],{},[29,115,116],{},"可选压缩","——切换「压缩」选项，将 JSON 还原为单行，适合生产环境使用。",[26,119,120,123],{},[29,121,122],{},"一键复制或下载","结果。",[16,125,126],{},"所有操作都在你的浏览器中完成，数据不会上传到任何服务器——在处理含有 API 密钥或私密数据时尤为重要。",[11,128,130],{"id":129},"格式化-vs-验证-vs-压缩","格式化 vs 验证 vs 压缩",[16,132,133],{},"了解这三种操作的区别很有帮助：",[135,136,137,150],"table",{},[138,139,140],"thead",{},[141,142,143,147],"tr",{},[144,145,146],"th",{},"操作",[144,148,149],{},"功能说明",[151,152,153,164,174],"tbody",{},[141,154,155,161],{},[156,157,158],"td",{},[29,159,160],{},"格式化",[156,162,163],{},"添加缩进和换行，提升可读性",[141,165,166,171],{},[156,167,168],{},[29,169,170],{},"压缩",[156,172,173],{},"去除所有多余空白，缩小体积",[141,175,176,181],{},[156,177,178],{},[29,179,180],{},"验证",[156,182,183],{},"检查 JSON 语法是否正确",[16,185,186],{},"ujiffy 的 JSON 格式化工具在同一个界面完成上述三种操作。",[11,188,190],{"id":189},"json-编写小技巧","JSON 编写小技巧",[23,192,193,196,199],{},[26,194,195],{},"键名始终使用双引号——单引号不是合法的 JSON 语法。",[26,197,198],{},"标准 JSON 不允许末尾多余的逗号（虽然部分解析器会容忍）。",[26,200,201,69,204,69,207,210],{},[66,202,203],{},"null",[66,205,206],{},"true",[66,208,209],{},"false"," 是小写关键字，不是字符串。",[212,213],"hr",{},[16,215,216],{},"准备好格式化你的 JSON 了吗？试试下面的工具——粘贴即可一键美化。",[16,218,219],{},[220,221,223],"a",{"href":222},"\u002Fzh\u002Ftools\u002Fjson-formatter",[29,224,225],{},"立即使用 ujiffy JSON 格式化工具 →",{"title":227,"searchDepth":228,"depth":228,"links":229},"",2,[230,231,232,233,234],{"id":13,"depth":228,"text":14},{"id":47,"depth":228,"text":48},{"id":92,"depth":228,"text":93},{"id":129,"depth":228,"text":130},{"id":189,"depth":228,"text":190},"了解 JSON 格式化的重要性、适用场景，以及如何使用 ujiffy 的免费 JSON 格式化工具一键美化或压缩 JSON——无需注册。",false,"mdx","zh",{},true,"\u002Fblog\u002Fzh-how-to-format-json-online","2025-05-01","json-formatter",{"title":5,"description":235},"blog\u002Fzh-how-to-format-json-online",[247,248],"json","开发工具","qux1dMtT3G1r6guEIHyySvuAhAHa8O496hmxcH7s1b8",1778831413202]