文章内容

2018/12/10 17:31:44,作 者: 黄兵

Chrome 键盘快捷键

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

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

访问 DevTools

访问 DevTools在 Windows 上在 Mac 上
打开 Developer ToolsF12Ctrl + Shift + ICmd + Opt + I
打开/切换检查元素模式和浏览器窗口Ctrl + Shift + CCmd + Shift + C
打开 Developer Tools 并聚焦到控制台Ctrl + Shift + JCmd + Opt + J
检查检查器(取消停靠第一个后按)Ctrl + Shift + ICmd + Opt + I

全局键盘快捷键

下列键盘快捷键可以在所有 DevTools 面板中使用:

全局快捷键WindowsMac
显示一般设置对话框?F1?
下一个面板Ctrl + ]Cmd + ]
上一个面板Ctrl + [Cmd + [
在面板历史记录中后退Ctrl + Alt + [Cmd + Opt + [
在面板历史记录中前进Ctrl + Alt + ]Cmd + Opt + ]
更改停靠位置Ctrl + Shift + DCmd + Shift + D
打开 Device ModeCtrl + Shift + MCmd + Shift + M
切换控制台/在设置对话框打开时将其关闭EscEsc
刷新页面F5Ctrl + RCmd + R
刷新忽略缓存内容的页面Ctrl + F5Ctrl + Shift + RCmd + Shift + R
在当前文件或面板中搜索文本Ctrl + FCmd + F
在所有源中搜索文本Ctrl + Shift + FCmd + Opt + F
按文件名搜索(除了在 Timeline 上)Ctrl + OCtrl + PCmd + OCmd + P
放大(焦点在 DevTools 中时)Ctrl + +Cmd + Shift + +
缩小Ctrl + -Cmd + Shift + -
恢复默认文本大小Ctrl + 0Cmd + 0

按面板分类的键盘快捷键

Elements

Elements 面板WindowsMac
撤消更改Ctrl + ZCmd + Z
重做更改Ctrl + YCmd + YCmd + Shift + Z
导航向上键向下键向上键向下键
展开/折叠节点向右键向左键向右键向左键
展开节点点击箭头点击箭头
展开/折叠节点及其所有子节点Ctrl + Alt + 点击箭头图标Opt + 点击箭头图标
编辑属性Enter双击属性Enter双击属性
隐藏元素HH
切换为以 HTML 形式编辑F2

Styles 边栏

Styles 边栏中可用的快捷键:

Styles 边栏WindowsMac
编辑规则点击点击
插入新属性点击空格点击空格
转到源中样式规则属性声明行Ctrl + 点击属性Cmd + 点击属性
转到源中属性值声明行Ctrl + 点击属性值Cmd + 点击属性值
在颜色定义值之间循环Shift + 点击颜色选取器框Shift + 点击颜色选取器框
编辑下一个/上一个属性TabShift + TabTabShift + Tab
增大/减小值向上键向下键向上键向下键
以 10 为增量增大/减小值Shift + UpShift + DownShift + UpShift + Down
以 10 为增量增大/减小值PgUpPgDownPgUpPgDown
以 100 为增量增大/减小值Shift + PgUpShift + PgDownShift + PgUpShift + PgDown
以 0.1 为增量增大/减小值Alt + 向上键Alt + 向下键Opt + 向上键Opt + 向下键

Sources

Sources 面板WindowsMac
暂停/继续脚本执行F8Ctrl + \F8Cmd + \
越过下一个函数调用F10Ctrl + 'F10Cmd + '
进入下一个函数调用F11Ctrl + ;F11Cmd + ;
跳出当前函数Shift + F11Ctrl + Shift + ;Shift + F11Cmd + Shift + ;
选择下一个调用框架Ctrl + .Opt + .
选择上一个调用框架Ctrl + ,Opt + ,
切换断点条件点击行号Ctrl + B点击行号Cmd + B
编辑断点条件右键点击行号右键点击行号
删除各个单词Ctrl + DeleteOpt + Delete
为某一行或选定文本添加注释Ctrl + /Cmd + /
将更改保存到本地修改Ctrl + SCmd + S
保存所有更改Ctrl + Alt + SCmd + Opt + S
转到行Ctrl + GCtrl + G
按文件名搜索Ctrl + OCmd + O
跳转到行号Ctrl + P + 数字Cmd + P + 数字
跳转到列Ctrl + O + 数字 + 数字Cmd + O + 数字 + 数字
转到成员Ctrl + Shift + OCmd + Shift + O
关闭活动标签Alt + WOpt + W
运行代码段Ctrl + EnterCmd + Enter

在代码编辑器内

代码编辑器WindowsMac
转到匹配的括号Ctrl + M
跳转到行号Ctrl + P + 数字Cmd + P + 数字
跳转到列Ctrl + O + 数字 + 数字Cmd + O + 数字 + 数字
切换注释Ctrl + /Cmd + /
选择下一个实例Ctrl + DCmd + D
撤消上一个选择Ctrl + UCmd + U

Timeline

Timeline 面板WindowsMac
开始/停止记录Ctrl + ECmd + E
保存时间线数据Ctrl + SCmd + S
加载时间线数据Ctrl + OCmd + O

Profiles

Profiles 面板WindowsMac
开始/停止记录Ctrl + ECmd + E

控制台

控制台快捷键WindowsMac
接受建议向右键向右键
上一个命令/行向上键向上键
下一个命令/行向下键向下键
聚焦到控制台Ctrl + `Ctrl + `
清除控制台Ctrl + LCmd + KOpt + L
多行输入Shift + EnterCtrl + Return
执行EnterReturn

Device Mode

Device Mode 快捷键WindowsMac
双指张合放大和缩小Shift + 滚动Shift + 滚动

抓屏时

抓屏快捷键WindowsMac
双指张合放大和缩小Alt + 滚动Ctrl + 点击并用两个手指拖动Opt + 滚动Cmd + 点击并用两个手指拖动
检查元素工具Ctrl + Shift + CCmd + Shift + C


本文转载自:Tools for Web Developers - 键盘快捷键参考

分享到:

发表评论

评论列表