HTML、CSS、JavaScript、JSON、XML 压缩代码,一页展开
在浏览器中展开 HTML、CSS、JavaScript、JSON、XML 压缩代码
线上构建为了省体积,输出往往是压缩过的:HTML 模板挤成一行,样式表去掉空白,JavaScript 打包成扁平字符串,JSON 日志压成一块,XML 导出没有缩进。字节少了,排查却痛苦。这个页面面向的是:你刚粘贴了一段片段,需要立刻看清结构——不是要打开完整 IDE,也不是跑构建流水线,而是在浏览器标签页里快速反压缩。

这里的「反压缩」指什么,又不做什么
在本工具里,反压缩就是把换行和缩进找回来,方便你看嵌套、找漏掉的大括号、复制一段贴进工单。这和大家搜 HTML 压缩展开、CSS 代码整理、JavaScript 一行展开、JSON 缩进还原、XML 结构展开是同一类需求——一种格式,一种任务,读出可读的文本。我们不是 JavaScript 反混淆工具:被改名的变量、删掉的注释、故意编码的内容都会原样保留。输入有效只是被压扁了,展开就有用;若是故意混淆,你得到的仍是结构,不是秘密。
很多单一格式化工具默认你已经知道文件类型。这里用自动识别把粘贴内容送到对应引擎,识别错了也可以手动改格式。HTML 里嵌了脚本或样式时,可选「展开内联 JS 与 CSS」,把 <script>、<style> 里的代码一并整理——整页一行但 bug 在回调里时特别省事。JSON、XML 或 HTML 若略有破损,展开前可能先走修复,逻辑与站内 JSON 查看器、XML 工具一致,尾逗号或多一个闭合标签不至于让整个任务卡死。
粘贴并反压缩五种格式,同一工具栏
不必猜该开哪个格式化页面。粘贴一次,工作台处理 HTML、CSS、JavaScript、JSON、XML;若你已确定类型,也可手动指定。
展开后进真正的查看器预览
展开后的 HTML 在首页 Playground 里带实时预览打开;JSON、XML 则进入 JSON 查看器、XML 查看器,输出已加载,可点节点浏览——不是盯着一块等宽文本框。
粘贴内容留在本机
展开在浏览器标签页内完成,不上传处理。片段来自预发接口、客户仓库或故障日志时,这一点很重要。
和通用格式化工具有什么不同
多格式反压缩加上查看器预览——多数单用途工具不会把这两样放在一起。

一个入口覆盖你实际会粘贴的格式
团队很少只压缩一种语言。落地页可能是 CMS 导出的 HTML,样式表来自 CDN 的 CSS,配置藏在日志一行 JSON 里,老系统还在吐 XML。在五个书签页之间切换既费时间又打断思路。这个工作台把缩进、修复、输出放在同一屏,换上下文之前先把活干完。
在本页如何反压缩代码

1)粘贴、导入或输入压缩代码
把生产输出放进输入区,或导入文件。不确定类型时保持「自动识别」——例如日志片段总被认错,可强制选 JSON。缩进设置在展开前生效。

2)让工作台展开
若关闭了自动执行,点「反压缩」;或直接粘贴触发。HTML 内嵌脚本时,bug 在标签内部而非骨架上,请勾选「展开内联 JS 与 CSS」。展开失败可对 HTML、JSON、XML 试修复,或手动换格式。

3)支持的格式用查看器打开
点工具栏眼睛图标的「在查看器中预览」。HTML 进 Playground,JSON 进 JSON 查看器,XML 进 XML 查看器。CSS、JavaScript 按钮为灰——展开是为了编辑,不是为了可视化检查。

4)复制、下载或继续探索
把展开文本复制进编辑器,按扩展名下载,或留在查看器里点节点、看预览。改缩进或修复后可再跑一遍,输出原地更新。
反压缩常见问题
从剪贴板里的压缩片段开始
在本地展开 HTML、CSS、JavaScript、JSON、XML——再把 HTML、JSON、XML 放进正经查看器看一遍。
压缩代码反压缩
- 自动识别或手动选择 HTML、CSS、JS、JSON、XML
- 展开后的 HTML、JSON、XML 可在站内查看器预览
- HTML 可选展开内联脚本与样式
- 破损 JSON、XML、HTML 的修复路径
在浏览器中运行,无需注册。

别在一行生产代码里横向滚动了
粘贴、反压缩、格式支持就预览、结构读得像人写的再复制。
