缩小html时使用Chrome调试页面内javascript？答案

【问题标题】：Debugging in-page javascript with Chrome when the html is minified?缩小html时使用Chrome调试页面内javascript？
【发布时间】：2013-06-01 14:11:23
【问题描述】：

我们网站上的脚本嵌入在 html 中，所有内容都被缩小了。将debugger 语句放入javascript 进行调试并没有太大帮助，因为原始源代码中实际上只有一行html。当使用 Chrome 的代码美化器美化源代码时，调试器会指向代码中的错误行。

如何调试嵌入在 html 中的缩小 javascript？

【问题讨论】：

如果是你的网站，为什么不能通过美化器运行 JS，调试它然后最小化。
它甚至不应该需要一个“美化器”，因为我假设你编写你的代码以一种“正常”、可读的方式之前缩小无论如何，对吧？因此，在部署过程之前不要将其缩小，并在本地开发阶段使用您的真实资源进行测试。

标签： javascript html debugging google-chrome google-chrome-devtools

【解决方案1】：

可能有帮助的一件事是，您可以直接在代码中使用 debugger 指令在 chrome 中设置断点。只需在 chrome 源选项卡中查看美化后的代码输出，然后双击要添加断点的行。

【讨论】：