在 Chrome 开发者工具中切换标签的快捷方式

Posted

技术标签:

【中文标题】在 Chrome 开发者工具中切换标签的快捷方式【英文标题】:Shortcut for switching between tabs in Chrome Developer Tools 【发布时间】:2017-02-24 21:15:08 【问题描述】:

是否有一个预建的快捷方式允许您以与浏览器选项卡类似的方式切换选项卡?:

cmd + shift +

cmd + shift +

参考下面的这些标签:

查看了开发工具site,但无济于事。如果没有可用的快捷键,那么理想的快捷键组合是什么?

【问题讨论】:

这个网站有很多开发模式的命令:developers.google.com/web/tools/chrome-devtools/inspect-styles/… 但我不认为有在这些选项卡之间切换的快捷方式。 如果您正在使用源选项卡,它有一个控制台(因此无需切换到控制台选项卡) 【参考方案1】:

试试这个:

转到左侧面板

Ctrl + [

转到右侧面板

Ctrl + ]

对于其他面板快捷方式,

然后转到开发人员选项/工具 点击设置或按 F1

然后转到“快捷方式”并向下滚动到“所有面板”

【讨论】:

非常感谢。我只想在你的回答中说明,对于 mac 用户,而不是 ctrl 它是 cmd 有什么办法可以改吗? @Jacob 我认为您正在寻找以下内容:***.com/questions/8192714/… 希望对您有所帮助!【参考方案2】:

Appearance 下的 DevTools 设置中,勾选 Enable Ctrl + 1-9 shortcut to switch panels。这将打开使用 ctrl 切换的功能,就像 DevTools 有焦点时的选项卡一样。

【讨论】:

对于 mac 用户,它是 ⌘ + 1-9 而实际上不是 Ctrl 就像任何 Mac 快捷方式一样。 @Garbee 是的,但奇怪的是,该设置在所有平台上仍将其命名为“Ctrl”。【参考方案3】:

我想使用 ⌘ + [⌘ + ] 快捷方式,使用法语 QWERTY 键盘(在 macOS 上)在 DevTools 选项卡之间切换。

在 QWERTY 上,我们需要按 ⌥ + Shift + 来输入 [,但与 Command 键结合使用会变成 ⌘ + ⌥ + Shift + 。这不仅几乎无法输入,而且也不起作用。

无法在 DevTools Shortcuts 设置中重新定义该键盘快捷键,所以我猜 QWERTY 用户不走运,除非有人知道解决方案。

【讨论】:

以上是关于在 Chrome 开发者工具中切换标签的快捷方式的主要内容,如果未能解决你的问题,请参考以下文章

chrome都有哪些命令

Chrome 开发者工具(DevTools)中所有快捷方式列表(已整理)

如何在Chrome中方便快捷地切换分辨率(Chrome浏览器分辨率测试)

mac下chrome单步调试的快捷键是什么啊6¥86¥8

是否有关闭 Chrome 开发者工具的快捷方式?

Windows 下 Chrome 快捷键大全