网络宝典
第二套高阶模板 · 更大气的阅读体验

XML格式美化工具:三秒让乱糟糟的代码变整齐

发布时间:2026-03-23 09:31:31 阅读:6 次

你有没有打开一个XML文件,看到满屏挤在一起的标签,连缩进都没有,更别提换行了?比如刚从某个接口导出的数据,或者服务器日志里扒出来的配置片段——<root><user id="1"><name>张三</name><age>28</age></user><user id="2"><name>李四</name><age>31</age></user></root>,一眼看去根本分不清哪是开始、哪是结束。

XML不“美”,不是你的错

XML本身对空格和换行不敏感,程序生成时为了省字节,常常压成一行。但人眼读代码需要结构感。就像整理衣柜——衣服堆一起也能穿,但挂好、分层、标清楚,找起来才不抓狂。

免费又顺手的美方式

不用装大型IDE,浏览器就能搞定。打开 Chrome 或 Edge,把下面这段代码复制进控制台(F12 → Console),粘贴回车:

function formatXML(xml) { const parser = new DOMParser(); const doc = parser.parseFromString(xml, 'text/xml'); const serializer = new XMLSerializer(); return serializer.serializeToString(doc); } console.log(formatXML(document.body.innerText));

再或者,直接用在线工具:搜索“XML Formatter”,选个界面清爽的(比如 codebeautify.org/xmlformatter),粘贴进去,点“Beautify”,立马变成带缩进、换行、颜色高亮的可读格式

本地小帮手也够用

如果你常处理XML,推荐装个轻量插件:VS Code 里搜 “XML Tools”,安装后右键菜单就有“Format Document”;Sublime Text 装 “HTML-CSS-JS Prettify” 同样支持XML。不需要学命令、不用配环境,按一下快捷键(通常是 Ctrl+Shift+I),混乱瞬间归位。

调试接口返回值、检查网站sitemap.xml、核对微信公众号配置文件……这些日常小事,配上一个顺手的XML美化工具,真的能少生几根气出来的头发。