隐藏元素的快捷方式
在调试 CSS 样式时，我们通常需要隐藏一个元素。如果选择元素并按下键盘上的H键，我们就可以快速隐藏该元素。（是在该元素上增加了一个隐藏的class名）
再按一次，又会重新显示。
css样式触发
我们可能为一个元素编写多个 CSS 伪类，并且为了方便我们对这些样式进行测试，我们可以直接在“元素”面板中选择触发或关闭这些样式。
:styles 中选择 :hover 等伪类
将复制图像为 Data URI
Network =》img =》选中图像后，右键选择 Copy image to data url
监控页面加载状态
监控页面在不同的时间点相关资源的加载行为。
在 Chrome 开发者工具中，使用“网络”面板下的Capture Screenshots功能来捕获页面加载时的屏幕截图。
单击每个屏幕截图可以显示相应的当前时间的网络请求状态。
重新发送 XHR 请求
打开“网络”面板 =》单击 XHR 按钮 =》选择要重新发送的 XHR 请求 =》重放 XHR 请求
(Replay XHR)
无需整体刷新页面
在控制台中引用上一次的执行结果
$_
$_是一个特殊变量，它的值始终等于控制台中上一次操作的执行结果。
打开chrome 的命令菜单
打开开发者工具后，
Ctrl+Shift+P
屏幕截图
命令菜单中 输入 Screenshot
截取整屏选择 Screenshot Capture full size screenshot