js 压缩后的代码如何调试？

Posted 2023-04-08

我想你问的是不是类似UglifyJS之类的混淆过的JS代码？这种压缩通常会把变量、函数名之类的改成非常短的名称，因此这种压缩过的代码就难以识别了。

对于这种代码，推荐的思路是先看浏览器中是否有报错，然后根据错误来判断自己原始代码里可能出错的位置；如果没有报错，那也是断定大概的位置，然后Chrome里打开开发者工具里的Sources，打开自己的代码，用这个地方可以对代码进行重新排版：

当然，如果是uglify过的代码还是很难看，只能根据自己实际代码里的一些常量内容作为关键词在浏览器的代码里面搜自己可能的位置，然后加断点推测去调试。

上面的办法，都是在你对压缩JS这个过程没有控制的情况下，如果是你自己压缩JS代码，可以在压缩的时候同时生成sourcemap文件，一般是xxx.js.map文件。如果连同这个文件一起部署，那么在开发者工具中打开的时候，也可以看到最原始的代码了。这是最推荐的办法，调试起来也是最轻松的。

参考技术A

最好的方法是使用在线工具HCJCompress，不仅压缩html、CSS、JS，具有还原功能。

1、进入HCJCompress。

2、根据文件数量，增删输入窗口的数量。

3、设置代码的类型。

4、压缩代码，保存带有调试辅助信息的源代码。

5、调试代码时，根据浏览器的提示代码错误位置，将错误位置输入到HCJCompress中，系统自动定位被压缩的代码的原始状态。

这种方法完美将代码还原到源代码中，根据上下文和注释，调试工作，应该顺利一些吧。

参考技术B js压缩只是对js代码格式化，百度搜索 JS 压缩/解压工具，可以把压缩后对js代码格式化成便于阅读的代码。

js 压缩后的代码如何调试

参考技术A

最好的方法是使用在线工具HCJCompress，不仅压缩HTML、CSS、JS，具有还原功能。

1、进入HCJCompress。

2、根据文件数量，增删输入窗口的数量。

3、设置代码的类型。

4、压缩代码，保存带有调试辅助信息的源代码。

5、调试代码时，根据浏览器的提示代码错误位置，将错误位置输入到HCJCompress中，系统自动定位被压缩的代码的原始状态。

这种方法完美将代码还原到源代码中，根据上下文和注释，调试工作，应该顺利一些吧。