打开控制台快捷键
- ctrl+shift+j
- command+option+j(mac)
切换主题
首先打开开发者工具,然后按快捷键:
- ctrl+shift+p
- command+shift+p(mac)
输入dark theme切换主题。
截图
在命令面板输入screenshot关键字,可以对整个页面、选中区域、当前窗口或某个选中的HTML元素进行截图。
复制
在HTML元素上右键,可以选择copy,然后可以复制选择器、HTML结构、xpath、样式等。
查找DOM树
ctrl+f,然后输入关键字,可以是字符串、CSS选择器(如:div > canvas)、xpath(如://span/canvas)。或者在Console面板,输入inspect(document.querySelector('div'))进行查找。
以xpath为例:
应用性能分析
当客户反应网页访问特别慢而恰恰又不能远程查看时,可以让其导出一份HAR文件发给我们,我们将文件导入本地浏览器进行分析。