chrome开发调试小技巧

1. Replay XHR（重新请求）

前端：‘接口报错了，后端童鞋看一下’
后端：‘ok 你重新请求一下 我打个断点’
以上场景相信各位开发都遇到过，一般情况下 我们都会下意识刷新页面或者重新进入页面发起请求，其实在chrome的调试工具中自带了一个选项Replay XHR，Network tab中鼠标悬浮要重新发起的接口右键选择Replay XHR即可重新请求

2. Capture node screenshot（截图选中元素）

3. $0

在构建样式修改样式的时候选中元素后面会跟上一个$0变量 我们可以直接拿到这个$0在console tab里面获取元素的各种属性

4. disable javascript

某些情况下需要暂停js逻辑 定位问题时 可以打开调试 在调试工具的右上角有个小齿轮的icon进入设置找到debugger 勾选第一个设置 Disable javascript