chrome是前端最常用的开发工具。 工作中几乎每时每刻都离不开它。 掌握chrome里的一些常用的技巧， 可以让工作效率大大提升。
1. 一些最常用的快捷键
| 快捷键 | 功能 |
|---|---|
| opt + cmd + j | 打开控制面板 |
| cmd + shift + m | 手机模式和pc模式相互切换 |
| cmd + shift + d | 控制台在底部和右侧切换 |
| cmd + shift + p | 搜索面板指令 |
2. console控制台的一些命令
1. $_ 返回上一个被执行过的值(👍)
2. $ 类似于document.querySelector()。 不过比较少为人知的应该是它的第二个参数。指定从哪个节点开始选择。有时候想减少范围时，尤其管用！ $('.nav-item')
3. $$ 类似于 document.querySelectorAll()。 参考同上
4. $0 - $4
1、3、$4五个指令相当于在Elements面板最近选择过的五个引用。
比如我在Elements面板上随意点击了掘金网站上的五个DOM节点。从时间线上，0 是我第五个，也即是最后一个点击的。利用此方法可以快速在 Console 面板调试你选中的节点！。
getEventListeners: 获取注册到一个对象上的所有事件监听器~。 这两个方法配合， 可以获取元素上的都有哪些事件。 因为我们点击获取dom元素， 一般是不知道都有哪些事件的， 所以这个方法也是很有用的
