用firebug对js文件加断点调试时怎么防止调试进入jquery.js?

JavaScript09

用firebug对js文件加断点调试时怎么防止调试进入jquery.js?,第1张

如下操作可以防止调试进入jquery.js

点Script,然后在All 旁边选择你要Debug的JS。

下图是如何打断点 基本跟Eclipse一样,点击行号就Ok了。

下图是如何在断点上设定条件,如果条件符合,就进入断点,这个功能很不错,特别是Debug很复杂的Function时候。

下图是如何单步调试,跟Eclipse一样 F11单步

下图是查看调用的Stack,对以复杂的JS Debug很有帮助。

下图是查看变量 基本跟EclipseDebug 一样。

下图是在断点处查看变量。

有个很好用的功能,代码行之间快速调转,使得对上千行的JS调试很轻松。

下图就是Performance 测试结果,使用很简单 点Profile

还有一个Log功能比较实用,看下图 如果你不想每次都进入断点

,用这个就再好不过了。

这属于代码级别的修改了,这是我偶尔会用到的方法,重写console.log()即可,下面贴代码,有详细的注释:

<!DOCTYPE html>

<html>

<head>

<meta charset="{CHARSET}">

<title></title>

<script>

var Debugger = function () { 

}

//开关,是否显示输出

Debugger.switch = true

Debugger.log = function (message){

try{

if(Debugger.switch){

console.log(message)

}

}catch(exception){

return 'Error:the function  log is not exist.'

}

}

var name = '音乐586'

//会在控制台输出'音乐586'

Debugger.log(name)

//如果你不想有输出,把开关关了即可

Debugger.switch = false

Debugger.log(name)//控制台不再输出name

</script>

</head>

<body>

</body>

</html>

不明白可以追问噢~

1.打开检查,在sources找到对应的js文件,打上断点

2.刷新页面出现灰色区域表示进入调试模式

3.上面的按钮表示下一步也可以使用快捷键f10

4.上面的按钮表示终止本次调试(终止不了可以多点几次),但是刷新依然会进入调试模式

5.点击上面的蓝色按钮,表示取消断点,再次刷新页面就不会进入调试模式