谷歌控制台找到元素绑定的js代码

场景

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