浏览器调试动态js脚本

官方吐槽

调试页面的动态js脚本，目前浏览器支持不一。不过每个浏览器确实都提供了解决方案，需要我们自己去发现和学习，否则它会像你无视它的亮点一样，掣肘我们的开发进度。它就在那里，你发现了它；它才会帮助你。

上干货

我这里介绍下，我自己知道的解决方法：
1. debugger神器
横扫各个浏览器。脚本运行到debugger语句位置，即跳入调试页面（好像只有chrome可以不做任何配置的，在动态js脚本里做到）。
2. //@ sourceURL=dynamicScript.js 神语句
在js脚本第一行加入//@ sourceURL=dynamicScript.js语句。其中dynamicScript名字可以自定义。这样，在代码加载过脚本后即可在开发者工具的（chrome）sources或者调试器（firefox）里找到名字为dynamicScript.js脚本文件。就可以像调试静态脚本一样方便。
3. 无视以上两项
目前在IE11，firefox的firebug和chrome里都可以通过一定方法，找到动态脚本的文件。
a. IE11在动态脚本里可以找到，名字一般为eval(XX)的形式
b. chrome里，一般在动态脚本里使用console.log(“test”);输出语句后，在浏览器console里看到输出后，点击后面的链接，即跳入动态脚本。名字一般为vmXXX。
c. firefox里使用firebug的脚本里可以找到。