如何通过压缩的JavaScript文件进行调试?

时间:2009-12-02 20:13:47

标签: javascript debugging

我正在使用django-compress缩小我的JavaScript文件。但是,我现在无法通过它进行调试,因为一切都被压扁了。我相信Stack Overflow也使用某种JavaScript压缩。你如何在现场网站或开发机器上调试代码格式良好的JavaScript代码?

Firebug将所有代码放在一行中,这使得难以深入挖掘。

4 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

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

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

在此处查找更多信息: https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#source-maps

答案 2 :(得分:0)

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

答案 3 :(得分:0)

一些建议:

  • 在部署到生产之前不要压缩
  • 在压缩代码之后重新加载源代码;它将覆盖压缩代码
  • 当值得投资时,我会使用压缩代码并手动解压缩