Chrome 调试技巧

1.console

DOM输出

var ul = document.getElementsByTagName("ul");console.dirxml(ul); 

对象输出

var o = { name:"Lily", age: 18};console.dir(obj);

table输出

var stu = [{name:"Bob",age:13,hobby:"playing"},{name:"Lucy",age:14,hobby:"reading"},{name:"Jane",age:11,hobby:"shopping"}];console.log(stu);console.table(stu);

2.单步调试

Pause/Resume script execution：暂停/恢复脚本执行（程序执行到下一断点停止）。Step over next function call：执行到下一步的函数调用（跳到下一行）。Step into next function call：进入当前函数。Step out of current function：跳出当前执行函数。Deactive/Active all breakpoints：关闭/开启所有断点（不会取消）。Pause on exceptions：异常情况自动断点设置。

Watch中的Call Stack:可以查看调用堆栈，跳到调用这个方法的地方