默认情况下,工具栏位于Chrome窗口底部。这对于宽屏幕显示器来说是一个相当糟糕的选择,因为右侧有大量空白空间,但垂直空间不多。不幸的是,我没有找到重新定位工具栏的方法。我希望将它们放在侧边,类似于Firebug。
与我想要的类似的唯一选项是分离开发工具并将Chrome和工具窗口并排放置。然而,这对于快速地从IDE切换到浏览器并返回并不是很方便,因此“集成”解决方案会很好。
默认情况下,工具栏位于Chrome窗口底部。这对于宽屏幕显示器来说是一个相当糟糕的选择,因为右侧有大量空白空间,但垂直空间不多。不幸的是,我没有找到重新定位工具栏的方法。我希望将它们放在侧边,类似于Firebug。
与我想要的类似的唯一选项是分离开发工具并将Chrome和工具窗口并排放置。然而,这对于快速地从IDE切换到浏览器并返回并不是很方便,因此“集成”解决方案会很好。
点击垂直省略号按钮(⋮),然后选择所需的停靠选项。
长按右上角的停靠图标,它会弹出一个选项来更改停靠位置。
要更改HTML和CSS面板之间的分割,请在开发者工具中转到设置(F1)>常规>外观>面板布局。
将您的光标放在dock按钮上并长按(几秒钟),或根据浏览器版本右键或左键单击。
CTRL+SHIFT+D
还有许多快捷键,您可以通过前往设置 » 快捷方式来查看它们,如下所示:
或者,使用CTRL + ?进入设置页面,从那里可以在左侧找到“快捷方式”子项,或使用官方参考文档进行操作。
Ctrl+Shift+I
--但是如果您的窗口是弹出窗口,我认为停靠甚至都不起作用。 - Noumenon看起来现在它是一个带有重叠窗口和“分离到独立窗口”工具提示的图标,位于左下角。
在我将我的 dock 放置到右侧后(请参见早期的答案),我仍然发现面板竖直分割。
要将面板水平分割 - 甚至可以更好地利用屏幕宽度 - 转到设置(右下角),并取消“停靠到右侧时垂直拆分面板”的选中框。
现在,您可以从左到右查看所有面板:p
我现在使用的版本是56.0.2924.87,如果你不在桌面上,它会自动取消连接DevTools。否则,打开一个新的Chrome标签并检查以将DevTools停靠回窗口。