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面板中以文件的形式显示出来

原文地址:https://www.cnblogs.com/mengff/p/15020703.html