- Console 支持 await 操作
- 页面截屏功能(2种)
- 利用鼠标框选
- Windows 下按下
Ctrl + Shift + C
- 按住Ctrl,鼠标直接在页面上框选
- Chrome会把截图下载下来
- Windows 下按下
- 截取指定元素
- 在开发者工具的 Elements 中选中需要的元素
- 按下
Ctrl + Shift + P
- 在打开的 Command 中输入
node
- 在下拉候选项中选择
Capture node screenshot
- 开始下载
- 利用鼠标框选
- 高亮 CSS Grid
当 DOM 的 CSS 样式中有display:grid
时,会高亮显示 - 新的查询(query)API
-
queryObjects(Promise)
. 返回所有的 Promises. -
queryObjects(HTMLElement)
. 返回所有的 HTML elements. -
queryObjects(foo)
, 假设 foo 是一个类,则返回所有 foo 的实例。
-
- 新的 Console 过滤规则
-
-<text>
过滤掉包含text的信息 -
url:<text>
只显示脚本url中包含text的脚本输出的信息
-
- 可在 Network 中直接导入 HAR 文件
- 在 Application 中预览 cache
- cache 更灵活的调试
- Coverage 加入块级作用域
网友评论