如何重新定位Chrome开发者工具 [英] How to reposition chrome developer tools

问题描述

工具在默认情况下在Chrome窗口的底部打开。对于宽屏显示器来说，这是一个相当糟糕的选择，因为右侧有很多空闲空间，但没有太多空间可用。不幸的是，我找不到重新定位这些工具的方法。我想把它们放在一边，类似于萤火虫。

与我想要的类似的唯一选项是分离开发工具并将chrome和工具窗口并排放置。这对于从IDE快速跳转到浏览器和返回来说并不是很方便，所以一个集成解决方案会很好。

谢谢。请点击垂直省略号按钮（⋮），然后点击垂直省略号按钮（⋮），然后点击垂直省略号按钮（▲）然后选择所需的对接选项。

p>

Chrome 45或更高版本

长按住右上角的停靠栏图标。它弹出一个选项来改变停靠点

p>

要更改HTML和CSS面板之间的拆分，请进入DevTools设置（F1）>常规>外观>面板布局。

The tools are opened on the bottom of the chrome window per default. This is a rather bad choice for a wide screen display since there is plenty of empty space to the right but not much vertical space to spare. Unfortunately, I have found no way to reposition the tools. I would like to have them on the side, similar to firebug.

The only option similar to what I want is to detach the dev tools and place chrome and the tools window side-by-side. This is not very convenient for quickly alt-tabbing from the IDE to the browser and back though, so an "integrated" solution would be nice.

Thank you.

解决方案

Chrome 46 or newer

Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option.

Chrome 45 or older

Long-hold the dock icon in the top right. It pops up an option to change the docking

To change the split between the HTML and CSS panels, go in DevTools to Settings (F1) > General > Appearance > Panel Layout.

这篇关于如何重新定位Chrome开发者工具的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！