官方吐槽
调试页面的动态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的脚本里可以找到。