场景
我想看看搜索按钮的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调用栈。
另外注意观察页面的变化，比方说我页面列表已经刷新出来，就不用再往后跟代码了。
