Chrome浏览器开发者工具开发技巧

转载自：（https://www.cnblogs.com/tu-0718/p/10644461.html）
（https://www.cnblogs.com/tu-0718/p/9205454.html）
（https://www.cnblogs.com/tu-0718/p/9158157.html）
版本不同，可能的按键位置也不同，不过功能都有的，位置不对自己摸索一下。

1. 直接用 ctrl + c 复制 HTML
2. 使用切 ctrl + [ 和 ctrl + ] 可以让你在工具栏里切换选项卡，而不需要来回点鼠标
3. 通过点击键盘上的 ‘h’ 元素隐藏文字信息
4. 右键选择 expand recursively 选项，递归展开所有子项
5. 隐藏 network overview
6. Shadow editor 阴影编辑器
7. 查看显示页面哪些地方被 repaint（重绘）
8. 用谷歌开发者工具方便的查看hover样式