Chrome 62 开发者工具新特性

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