文章目录

Chrome 开发人员工具:键盘快捷键
要访问开发人员工具,请在 Google Chrome 中打开一个网页或网络应用程序。然后执行以下某项操作:
选择浏览器窗口右上方的扳手菜单 ,然后依次选择工具 -> 开发人员工具。
右键点击任何网页元素,然后选择审查元素。
在 Windows 和 Linux 中,按:
Control - Shift - I 键可打开开发人员工具。
Control - Shift - J 可打开开发人员工具并转到”控制台”。
Control - Shift - C 可切换到”审查元素”模式。
在苹果机上,按:
⌥⌘I (Command - Option - I) 键可打开开发人员工具。
⌥⌘J (Command - Option - J) 可打开开发人员工具并转到”控制台”。
^⌘C (Control - Option - C) 可切换到”审查元素”模式。
进入开发人员工具窗口后,按 ? 可查看支持的快捷键列表:
全局
元素面板
样式边栏
调试程序
控制台
全局
Windows / Linux 苹果机
打开快捷键帮助 ? ?
下一个面板 Ctrl-] ⌘]
上一个面板 Ctrl-[ ⌘[
切换控制台 Esc Esc
转到搜索框 Ctrl-F ⌘F
查找下一个 Ctrl-G ⌘G
查找上一个 Ctrl-Shift-G ⇧⌘G
元素面板
Windows / Linux 苹果机
导航 向上/向下箭头 向上/向下箭头
展开/折叠节点 向左/向右箭头 向左/向右箭头
展开节点 双击标记 双击标记
编辑属性 Return 或双击属性 Enter 或双击属性
样式边栏
Windows / Linux 苹果机
编辑规则 双击 双击
编辑下一个/上一个属性 Tab/Shift-Tab Tab/⇧Tab
插入新属性 在空白处双击 在空白处双击
增加/减少值 向上/向下箭头 向上/向下箭头
将值增加/减少 10 Shift-Up/Shift-Down ⇧Up/⇧Down
将值增加/减少 10 PageUp/PageDown PageUp/PageDown
将值增加/减少 100 Shift-PageUp/Shift-PageDown ⇧PageUp/⇧PageDown
将值增加/减少 0.1 Alt-Up/Alt-Down ⌥Up/⌥Down
调试程序
Windows / Linux 苹果机
选择下一个调用框架 Ctrl-. ⌃.
选择上一个调用框架 Ctrl-, ⌃,
继续 F8 或 Ctrl-/ F8 或 ⌘/
跳过 F10 或 Ctrl-‘ F10 或 ⌘’
跳入 F11 或 Ctrl-; F11 或 ⌘;
跳出 Shift-F11 或 Ctrl-Shift-; ⇧F11 或 ⇧⌘;
估算所选内容的值 Ctrl-Shift-E ⇧⌘E
切换断点条件 点击行号 点击行号
编辑断点条件 右键点击行号 右键点击行号
控制台
Windows / Linux 苹果机
下一条建议 Tab Tab
上一条建议 Shift-Tab ⇧Tab
接受建议 向右箭头 向右箭头
上一个命令/行 向上箭头 向上箭头
下一个命令/行 向下箭头 向下箭头
上一个命令 Ctrl-P ⌃P
下一个命令 Ctrl-N ⌃N
清除历史记录 Ctrl-L ⌘K 或 ⌃L
多行条目 Shift-Enter Ctrl+Return
执行 Enter Return

文章目录