如何重新定位Chrome开发者工具
工具在默认情况下在Chrome窗口的底部打开。 对于宽屏幕显示器来说这是一个相当不好的select，因为右边有很多空的空间，但是没有太多的垂直空间可供使用。 不幸的是，我找不到重新定位工具的方法。 我想把它们放在一边，类似于萤火虫。
唯一的select类似于我想要的是分离开发工具，并将铬和工具窗口并排。 这对于从IDE到浏览器的快速切换并不是很方便，所以一个“集成”解决scheme会很好。
谢谢。
Chrome 46或更新
单击垂直省略号button（⋮），然后select所需的对接选项。
Chrome 45或更旧版本
长按住右上angular的停靠栏图标。 它popup一个选项来改变对接
要更改HTML和CSS面板之间的拆分，请进入DevTools设置（F1）>常规>外观>面板布局。
将指针放在停靠button上，并根据浏览器版本长按一下（几秒）或鼠标右键和左击。
键盘快捷键切换停靠位置（侧面/底部）
CTRL + SHIFT + D
你可以通过去看到很多快捷方式
设置»快捷方式 ，如下所示： 
或者，使用CTRL + ？ 进入设置，从那里可以到达左侧的“快捷方式”子项或使用官方的参考 。
看起来像是在左下angular，是一个带有重叠窗口的图标，并且是“将窗口放入单独的窗口”。 提示。
在将docker放在右边后（请参阅旧的答案），我仍然发现这些面板是垂直分开的。
要水平分割面板 – 甚至从屏幕宽度获得更多 – 转到“设置”（右下angular），然后取消“停靠在右侧时垂直分割面板”的检查。
现在，您将所有的面板从左到右：p
截至2014年10月，版本39.0.2171.27 beta（64位）
我需要在Chrome Web开发者平台中进入“设置”，并在停靠到右侧时垂直取消选中“ 拆分面板 ”
我现在使用的56.0.2924.87版本，如果你不在桌面，自动撤销DevTools。 否则，请打开一个新的Chrome浏览器标签，然后检查是否将DevTools重新放回到窗口中。
