Chrome调试toss断点调试技巧

JS调试技巧

1.格式化压缩代码

技巧2:快速跳转到断点

右边的断点会汇总你在JS文件中玩过的所有断点。单击复选框所在的行将暂时取消此断点，单击复选框的下一行将直接跳转到断点位置

技巧3:检查断点内部的动作范围[非常实用]

在范围的右边，可以看到相当多的实用信息，比如这个的方向，是否有值，断点是不是对象什么的。

提示4:监视事件断点

右侧的事件监听器断点可以有选择地监听某些行为事件，如键盘输入、拖动等。勾选前面的复选框，它就会生效。当您触发行为改变时，您将跳转到触发的JS

提示5: DOM和XHR监视器跳转

Dom断点：是你的元素页面。我感觉可能会有一些行为来监控某个DOM，但是我可以在不知道确切位置的情况下使用它

XHR断点：请求来自服务器，ajax的核心点

默认情况下，所有XHR行为都被选中，可选选项是判断网址。我用的不多

技巧6:单步，单步进入，强制进入，单步退出

这东西在调试中是不可缺少的。其实用过firebug的小伙伴们对你都有很清晰的认识。基本相同；先上图；

功能名词反过来，如果你不懂，可以看看我的firebug系列

暂停脚本执行[单步，断点处暂停，等待调试-不直译]:暂停后，此按钮将变为Resume脚本执行和快捷键【F8或Ctrl \】单步跳过下一个函数调用：将跳转到下一个断点，快捷键【F10或Ctrl `】单步进入下一个函数调用：将进入函数内部调试，快捷键【F11或Ctrl；】步出当前功能【步出】:将跳出当前断点功能，快捷键【Shift F11或Ctrl Shift】背后是chrome的特色

停用断点：使所有断点暂时无效。快捷键[Ctrl F8]不要在异常上暂停：不会在表达式处暂停。还有一个可选选项[在捕捉到异常时暂停-如果抛出异常，暂停在那里]。

本文到此结束，下一篇文章会介绍一些更深入高效的小操作，希望对大家的学习有所帮助，支持我们。