一、一键重新发起请求
应用场景
在和后端联调接口或者排查线上bug的时候，经常需要我们再次发送请求，后端要看下为什么报错！
一键发送
- 选中
Network - 点击
Fetch/XHR - 点击选中需要重新发送的请求
- 右键选择
Replay XHR
二、控制台获取Element面板选中的元素
应用场景
调试页面的时候通过Element面板选中元素后，想通过JS来获取一些属性，比如宽、高、滚动条、位置等等怎么办呢？
方案
- 通过Elements选中要调试的元素
- 控制台直接0.xxx()就可以调用JS方法，获取元素节点对应的属性
三、一键展开所有DOM元素
应用场景
调试元素时，在层级比较深的时候，你是不是经常一个个去展开？有种快捷方式要不要了解一下呢
使用
- 按住opt键+click（需要展开的元素最外层）
四、控制台引用上一次执行的结果
应用场景
对某个函数进行测试，或者对某个字符串进行各种方法处理，我们想要知道每一步执行结果
使用
使用$_引用上一次操作的结果，不用每次都复制
五、快速打开浏览器控制面板某一项（截取一张全屏的网页）
应用场景
假如我们当前在Network然后想要快速打开到性能面板或者想要快速切换浏览器主题
使用
- com+shift+p调出来命令行
- 截全屏（输入Capture full size screenshot 按下回车）
六、$和$$选择器
应用场景
在控制台使用doment.querySelect和doment.querySelectAll是个比较常见的操作，但是写法太长
使用
七、控制台安装npm包
详情参考：www.yuque.com/hmohvc/egsf…
八、控制台直接修改html
应用场景
有时候调试html的时候，需要在原有的标签中添加元素
使用
- 选中要修改的元素标签
- 右键选择
Edit as HTML - 然后回车
九、Logpoint控制台直接打印
十、Performance面板监听页面性能
应用场景
如果页面比较卡顿，我们要用这个来监听页面的绘制过程，从而找到哪个阶段耗时过多，然后针对性的进行优化
使用
十一、在控制台快速发起请求
应用场景
还是联调或修BUG的场景，针对同样的请求，有时候需要修改入参重新发起，有啥快捷方式？
使用
十二、复制控制台js变量
应用场景
假如你的代码经过计算会输出一个复杂的对象，且需要被复制下来发送给其他人，怎么办？
使用
更多精彩内容：www.yuque.com/hmohvc
