谷歌浏览器开发者工具的快捷键详解

原文: http://www.cnblogs.com/wangzhenhai/p/6531756.html

本页介绍 Chrome DevTools 中所有键盘快捷键的参考信息。一些快捷键全局可用,而其他快捷键会特定于单一面板。

您也可以在提示中找到快捷键。将鼠标悬停在 DevTools 的 UI 元素上可以显示元素的提示。 如果元素有快捷键,提示将包含快捷键。

访问 DevTools
在这里插入图片描述

全局键盘快捷键

下列键盘快捷键可以在所有 DevTools 面板中使用:
在这里插入图片描述

按面板分类的键盘快捷键

Elements
在这里插入图片描述
Styles 边栏
Styles 边栏中可用的快捷键:


Sources
在这里插入图片描述
在代码编辑器内

Timeline
在这里插入图片描述
Profiles
在这里插入图片描述
控制台
在这里插入图片描述
Device Mode
在这里插入图片描述
抓屏时

检查元素工具|Ctrl + Shift + C|Cmd + Shift + C
本文参考:https://developers.google.com/web/tools/chrome-devtools/shortcuts?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

表示感谢!

猜你喜欢

转载自blog.csdn.net/qq_38689232/article/details/85787431
今日推荐