《干货系列》_相关基础_Chrome DevTools一些操作

1.打开命令（command）菜单
windows系统：Ctrl+shift+p
MAC: cmd+shift+p
1.截图DOM元素
【先在element面板上选择需要截图的元素，打开命令菜单，选择Screenshot Capture node screenshot】
2.截图整个网页
【直接打开命令菜单，通过 Screenshot Capture full size screenshot 全屏截图】

2.控制台使用上次的值
使用$_可以引用在控制台执行的前一步操作的返回值

3.重新发起xhr请求
在network 面板，选择需要重新发起的请求，右键Replay XHR

4.编辑页面上的任何文本
在控制台输入document.body.contentEditable="true"或者document.designMode = 'on'就可以实现对网页的编辑了。

5.网络面板（Network）的幻灯片模式
勾选Network 面板下的Capture screenshots

6.递增/递减 CSS 属性值，针对一些数字，px之类的

* 增量0.1
  * Mac：Option +向上和Option +向下
  * Windows：Alt +向上 和 Alt +向下
* 增量1
  * Mac：向上+向下
  * Windows：向上+向下