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

最好的方法是使用在线工具HCJCompress，不仅压缩HTML、CSS、JS，具有还原功能。1、进入HCJCompress。2、根据文件数量，增删输入窗口的数量。3、设置代码的类型。4、压缩代码，保存带有调试辅助信息的源代码。5、调试代码时，根据浏览器的提示代码错误位置，将错误位置输入到HCJCompress中，系统自动定位被压缩的...

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

一种方法是通过console找到源代码打断点。在浏览器控制台的console面板，找到由bug导致的报错信息或日志，点击文件名称跳转到源码位置，直接在代码中设置断点进行调试。若点击文件名后出现404错误，可以调整浏览器控制台设置，取消勾选“Enable JavaScript source maps”，重新点击文件名即可。此方法简便易行，...

一般js压缩的，都有未压缩的文件，直接可以改未压缩的文件，到时引入的时候，也改成那个未压缩的js文件 如果找不到未压缩的js文件，那就只能想办法把js压缩的文件格式化，改起来才方便，毕竟压缩过的就几行代码，不格式话下，估计都找不对位置 ...

如果你想调试f函数,用debug(f)语句可以增加这种断点。 Unminify最小化代码 (译者注:unminify 解压缩并进行反混淆) 尽可能使用 source map。有时生产代码不能使用source map,但不管怎样,你都 不应该直接对生产代码进行调试。 (译者注:sourcemap 是针对压缩合并后的web代码进行调试的工具) 如果没有source map的话,...

如果是没有混淆的，你可以试试用js的格式化工具来重新格式化一下的，比如：/* 美化：格式化代码，使之容易阅读*/ /* 净化：去掉代码中多余的注释、换行、空格等*/ /* 压缩：将代码压缩为更小体积，便于传输*/ /* 解压：将压缩后的代码转换为人可以阅读的格式*/ /* 混淆：将代码...

1、使用webpack-dev-server：提供了一个内建的服务器，可以提供源代码映射，以及一个简单的GUI界面来显示你的应用。使用它，你可以直接在浏览器中打开你的应用，并在开发者工具中进行调试。2、使用SourceMaps：Webpack提供了sourcemap的功能，它可以帮助开发者在浏览器的开发者工具中查看到未压缩前的源...

比如正常的代码有：function test(object, key, value){ alert(object); alert(key); alert(value);} // 仅仅是示例代码，无实际意义那么压缩之后可能就会变成：function test(a,b,c){alert(a);alert(b);alert(c);}省略了一切无用的空格、换行和缩进，同时把封装在内部的各种变量和形...

方法/步骤 1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。2、选择指定的dom节点进行查看和编辑。3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单...

1、首先新建一个html文件，命名为test.html。2、在test.html文件内,使用img标签创建一张图片显示，并设置其id属性为pic。3、在test.html文件内,使用button标签创建一个按钮，按钮名称为“改变图片样式”。4、在test.html文件内,给button绑定onclick点击事件，当按钮被点击时，执行cha()函数。5、在test...