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

50

是否有预设的快捷键可以让您像在浏览器标签中一样切换选项卡?:

cmd + shift + {

cmd + shift + }

指下面的这些选项卡:

enter image description here

在开发工具网站上搜索,但无果。如果没有可用的快捷键,那么哪个理想的快捷键组合对于键盘是容易使用的呢?


这个网站有很多针对开发者模式的命令: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/shortcuts 但我不认为有一个可以在这些选项卡之间切换的快捷方式。 - rassar
如果您正在工作的源选项卡上,它有一个控制台(因此无需切换到控制台选项卡)。 - Jason
3个回答

70

试试这个:

前往左侧面板

Ctrl + [

前往右侧面板

Ctrl + ]

获取其他面板的快捷键,

进入开发者选项/工具,然后点击设置或按F1键

查看设置图片

然后进入"快捷键"并向下滚动至"所有面板"

查看快捷键图片


7
非常感谢。我只需要在你的回答中添加一条注释,对于Mac用户来说,代替使用ctrl键的是cmd键。 - Carl Edwards
有没有任何方法可以更改它? - Jacob
1
@Jacob 我认为你正在寻找以下内容:https://dev59.com/X2sy5IYBdhLWcg3w-i7h 希望能帮到你! - Firoz Memon
对我来说,在Ubuntu上是使用Ctrl + ´向左移动。 - theveloptg

60

在DevTools设置中,外观下勾选(Linux/Win)启用Ctrl+1-9快捷键切换面板或(Mac)启用Cmd/⌘+1-9快捷键切换面板。这将打开DevTools的焦点切换功能,就像标签一样使用ctrlcmd|⌘进行切换。


6
对于Mac用户来说,快捷键是⌘ + 1-9,而不是Ctrl - Dimitri W
4
对于任何 Mac 快捷键而言,都是如此。 - Garbee
@Garbee 是的,但设置在所有平台上仍然奇怪地称其为“Ctrl”。 - Jacob Ford
谢谢您的建议。我刚刚添加了Mac快捷键。下次,我鼓励您直接编辑答案并自己添加。这就是StackOverflow的精神所在! - Elijah Lynn

1
我想使用⌘ + [⌘ + ]快捷键在MacOS上的法语QWERTY键盘上切换DevTools选项卡。
在QWERTY键盘上,我们需要按⌥ + Shift + {来输入[,但与命令键组合时,它将变为⌘ + ⌥ + Shift + {。这不仅几乎无法输入,而且也无法正常工作。
在DevTools快捷键设置中无法重新定义该键盘快捷键,因此我猜QWERTY用户没有办法,除非有人知道解决方案。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接