场景
我想看看搜索按钮的js代码。
步骤
f12 | sources | event listener breakpoints | 点击 mouse下的click。
表示开启了事件监听断点,监听click事件。
然后注意看callback模块。
点击搜索按钮(其实任意单击都可以),触发断点,可以进行以下操作:
动作xxxxxxx | 按键 | 描述 |
---|---|---|
step over | f10 或 ctrl+’ | 最常用,跳到下一个调用的方法 |
step | f9 | 单步看,细看的时候可以用 |
step into | ctrl+; 或 f11 (不推荐,这是全屏键) | 遇到重点方法的时候,才用这个进去看下 |
step out | shift+f11 或 ctrl+shift+; | 和f11配合,跳出当前方法 |
resume script executiono | f8 或 ctrl+\ | 重新开始 |
要点:
主看call stack调用栈。
另外注意观察页面的变化,比方说我页面列表已经刷新出来,就不用再往后跟代码了。