如何通过压缩的 JavaScript 文件进行调试？ [复制]答案

【问题标题】：How do you debug through a compressed JavaScript file? [duplicate]如何通过压缩的 JavaScript 文件进行调试？ [复制]
【发布时间】：2009-12-02 20:13:46
【问题描述】：

我正在使用 django-compress 来缩小我的 JavaScript 文件。但是，我现在无法通过它进行调试，因为一切都被压扁了。我相信 StackOverflow 也使用了某种 JavaScript 压缩。您如何在实时站点或开发机器上调试您的 JavaScript 代码，并且代码格式正确？

Firebug 将所有代码集中在一行中，因此很难挖掘。

【问题讨论】：

您可以在开发工具中取消缩小 js：devtoolsecrets.com/secret/…

标签： javascript debugging

【解决方案1】：

简单的答案是您不通过压缩文件进行调试 - 您使用未压缩版本进行开发。

【讨论】：

另外，如果您混合使用自己编写的代码以及来自外部库的代码，大多数库还提供有助于调试的未压缩版本的代码。

【解决方案2】：

我看到一个答案已被接受，但我正在添加一个新答案，因为这是我在 Google 上获得的第一个结果，我认为这个新信息可能会对某人有所帮助。

一些浏览器 DevTools 现在支持 Source Maps 将构建的 javascript 映射到未构建的可读状态。您必须使用支持创建 Source Maps 的工具来缩小和/或组合 JS。但是如果你这样做了，你可以在调试缩小/组合的 javascript 时看到原始代码。

【讨论】：

【解决方案3】：

如果您使用的是Google Closure，那么有一个插件可以让您访问未缩小版的代码。请参阅Inspector 和源映射功能的文档。

【讨论】：

【解决方案4】：

一些建议：

在部署到生产之前不要压缩
在压缩代码之后重新加载您的源代码；它会覆盖压缩代码
如果值得投资，我会采用压缩代码并手动解压缩它

【讨论】：