- 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 加入块级作用域
Chrome 62 开发者工具新特性
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Chrome Dev Tools 是每一位前端工程师开发调试的必备利器,称之为FE的瑞士军刀也毫不为过。然而,每每...