条件断点
可以根据条件来打断点，方便快速定位bug。
- 右键断点，修改断点；
- 添加判断条件；
浏览器里面安装package
有时候想在浏览器面板中使用三方包的API，比如:dayjs或者lodash，浏览器支持使用$i api;快速安装使用
- 安装 console importer插件;
- $i('name') install npm package
超过屏幕截图快照
如果屏幕过长，需要截完整图
- command + shift + p获取运行面板
- 点击完整尺寸的屏幕截图，
重新发请求
在debug阶段，如果需要定位某个请求是否正常，不需要重新刷新页面，可以直接reload该请求的发送;
- 点击“网络”面板；
- 点击"fetch/xhr";
- 点击"重发XHR";
修改请求信息重新发请求
可以在console中，快速发送请求，也可以简单修改下参数，请求头，快速定位接口问题
- 选择“网络”面板；
- 选择"fetch/xhr"面板；
- 右键点击“复制”；
- 选择“以fetch格式复制”
- 可以在console面板中粘贴;
复制js变量
浏览器提供“copy”api；供复制相关的属性;
展开element节点全部子节点
如果element节点层级比较深，需要打开全部折叠节点
- 点击节点，点击“以递归方式展开”;
