在Chrome开发者工具中打开压缩JS或CSS文件时，代码自动以缩进、换行等格式显示，导致无法查看原始压缩形态。这通常是Pretty Print（代码美化）功能被意外启用了。想恢复原始形态？几步就能搞定。

如果您正遇到这个问题，别急着怀疑设备或工具出毛病。直接按下面的步骤排查就好。

一、关闭当前已启用的Pretty Print格式化

Pretty Print这个功能，一旦在Sources面板中对某个文件启用，就会把压缩代码解析并重排成可读格式。把它关掉，原始紧凑布局就回来了。这方便对比原始字节流或调试混淆逻辑。

• 在Chrome中打开目标网页，按F12或Ctrl+Shift+I调出开发者工具。
• 切换至Sources面板。
• 在左侧文件树中定位并单击已处于美化状态的JS或CSS文件——它的右侧代码区顶部通常会显示“formatted”标识。
• 在右侧代码编辑区底部，找到并点击那个已呈蓝色的{}图标（即Pretty Print按钮）。
• 图标恢复为灰色，代码立即回退至原始压缩形态——没有空格、没有换行、没有分号对齐。

二、防止新加载文件自动触发Pretty Print

Chrome本身不会默认对所有文件启用Pretty Print。但如果您曾经全局启用过，或者有扩展注入了脚本修改DevTools行为，后续加载的压缩资源就可能被自动美化。这时候，必须排查一下，是不是有什么东西在背后捣乱。

• 在Sources面板中，右键任意文件标签页，选择“Blackbox content scripts”，排除第三方脚本的干扰。
• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），打开命令菜单。
• 输入“Disable Ja vaScript source maps”，执行这个命令。
• 刷新页面，重新加载目标资源，观察是否仍然自动格式化。

三、重置DevTools配置以清除残留美化偏好

有些自定义设置或插件可能会持久保存Pretty Print的行为偏好，导致每次打开同一文件都强制美化。这时候，一招狠的——重置DevTools，可以清除这类顽固状态。

• 在开发者工具界面，点击右上角齿轮图标进入Settings。
• 滚动至底部，点击“Restore defaults and reload”按钮。
• 等待DevTools自动关闭并重启。
• 重新打开Sources面板，加载同一压缩文件，确认没有再自动执行格式化。

四、禁用可能触发自动美化的扩展程序

这一点经常被忽略——有些前端开发类扩展（比如React Developer Tools、Vue Devtools，或者代码高亮增强插件）会在资源加载时注入格式化逻辑，绕开Pretty Print的开关。忽略这一环，前面的功夫可能全白费。

• 在Chrome地址栏输入chrome://extensions/并回车。
• 暂时关闭所有非必要扩展，尤其留意那些带“format”、“beautify”、“prettify”字样的插件。
• 重新打开开发者工具并加载目标文件。
• 如果格式化消失了，说明问题出在某个扩展上。接下来逐一启用扩展，定位到具体是哪一个在捣乱。

《夸克》非常好用的免费AI浏览器

下载APP查看