如下操作可以防止调试进入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.点击上面的蓝色按钮,表示取消断点,再次刷新页面就不会进入调试模式