source面板看不到js的调试方法
动态加载的js文件在source面板是看不到的。
例如,load加载html,html中有script,这个js是看不到的。
或者,用ajax加载的js,也是看不到的。
调试这种js有3种方法:
1. 打 debugger
2. 打 console.log,在console中点过去
3. 打 source URL
在要调试的文件头部,写
//@ sourceURL=xxx.js(要调试当前文件的全名)
这样在source面板的no domain下会出现改文件,可以进行调试。
同样,在console中敲
function add() { console.log('add') } //@ sourceURL=xxx.js
可以将console中的js内容在source面板中以文件的形式显示出来