一个项目上线后,发现 JS 或者 CSS bug 了,该如何进行调试?
此项目的 JS 和 CSS 经过压缩,直接使用 chrome 调试工具看到是乱码,请问这个该怎么办?
明智十七年
10 years, 9 months ago
Answers
前面说的那些方法大多只能处理压缩的文件,无法处理混淆后的文件。
刚出炉的一片文章:使用 charlesproxy 的 map local 功能,这个功能可以在当前环境中用你的本地文件替代你的线上文件。
无数的小明
answered 10 years, 9 months ago
如果是自己的项目可以,可以在发布的时候生成三份东西
1. 源代码,比如 app.js
2. 压缩后的代码,比如 app.min.js
3. Sourcemap文件,比如app.js.map,这个文件保存了 2->1 映射
在Chrome等现代浏览器中你可以开启Sourcemap功能,这样你调试app.min.js的时候就像调试app.js一样方便
参考文章:
阮一峰的博文
http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html
英文
http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
红茶护手霜
answered 10 years, 9 months ago