关于网友提出的“ (javascript)一个项目上线后，发现 JS 或者 CSS bug 了，该如何进行调试？”问题疑问，本网通过在网上对“ (javascript)一个项目上线后，发现 JS 或者 CSS bug 了，该如何进行调试？”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题： (javascript)一个项目上线后，发现 JS 或者 CSS bug 了，该如何进行调试？
描述:此项目的 JS 和 CSS 经过压缩，直接使用 chrome 调试工具看到是乱码，请问这个该怎么办？
解决方案1:难道没有 source map 吗？
-
JavaScript Source Map 详解 - 阮一峰
解决方案2:想用未压缩的文件调试：
- 用fiddler代理到本地的文件，通过调试本地的文件debug
解决方案3:+1 简单的查看在chrome控制台 sources选项下面查看页面的底部栏有个 {} ，点击以后，哗啦～
解决方案4:这时候就需要 .map 文件了，有些压缩工具同时导出 .map 文件，提供从压缩文件到源文件的索引。chrome 开发者工具支持通过 .map 映射到源文件的行，从而进行 debug。
解决方案5:只是简简单单的文件压缩，可以直接控制台查看的。在source面板中找到对应的文件，点击{}就还原了。
解决方案6:前面说的那些方法大多只能处理压缩的文件，无法处理混淆后的文件。
刚出炉的一片文章：使用 charlesproxy 的 map local 功能，这个功能可以在当前环境中用你的本地文件替代你的线上文件。
http://blog.icodeu.com/?p=709
解决方案7:代理。Fiddler。
解决方案8:如果是自己的项目可以，可以在发布的时候生成三份东西
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/
以上介绍了“ (javascript)一个项目上线后，发现 JS 或者 CSS bug 了，该如何进行调试？”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1795017.html
