如何重新定位Chrome开发者工具

How to reposition Chrome Developer Tools

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

类似于我想要的唯一选项是分离开发工具并将chrome和工具窗口并排放置。这对于从IDE到浏览器的快速alt-tabbing并不是很方便，因此"集成"解决方案会很好。

相关讨论

Chrome 46或更新版本

单击垂直省略号按钮(？)，然后选择所需的对接选项。

>

Chrome 45或更早版本

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


<img src=

相关讨论

很酷，它存在于稳定版本中，我根本不知道它，有更多不错的选择:)谢谢
在最近的chrome和canary版本中，该选项已被删除，但您仍然可以通过单击并按住左下方的停靠图标来访问它，它会弹出一个选项以停靠到右侧。
很酷，靠近右边工作。现在，如何将"元素"选项卡上的CSS检查器移动到开发工具窗格的底部？否则，我必须在非常窄的列中并排查看HTML和CSS。
@VickyChijwani您应该在开发工具设置下的实验中启用'允许在元素和源面板中进行水平分割'，然后右键单击样式窗格将其置于底部。
我找不到它，因为现在它在右上角。但是，工作。
我注意到当我在chrome版本33.0.1750.117 m中使用telerik移动设备模拟器(docs.telerik.com/platform/appbuilder/testing-your-app/)时尝试检查元素时，停靠图标不可用
多么可怕的设计！我无处可见。在其他任何地方我都看不到这种情况并等待使用过。
这是一个纯粹的例子，说明如果你想做一些用户友好的事情不该做的事情。这不是谷歌做这类事情的习惯。奇怪。
@blrbr是的，如此真实。如果您需要进行谷歌搜索只是为了找到如何激活您知道存在的选项，那么UI设计就会出现问题。这里的关键字是'可发现性'。这是不容易发现的。
+1。这毫无意义。没有人会知道这个，除非他们谷歌这个:)，然后再次，这个用户界面很可能是由开发人员，而不是由ux人。
省略号按钮存在，但我没有"Dock side"菜单项。我的浏览器窗口缺少工具栏，状态栏，菜单栏等。在我使用所有常规控件在新浏览器窗口中打开该URL后，省略号菜单中的"Dock side"菜单项可用。
我可以将html / css分开，但网络面板怎么样？它曾经工作，但现在它总是垂直的。
仍然没有"停靠左边"选项......
@RenaissanceProgrammer我也想在左边的码头，因为如果你有一个大屏幕，你用javascript工作很多，但你不需要仔细看到html页面发生了什么，但只需要看到一些细节，左侧的底座为开发板提供了更多的可视性。我发现这篇文章解释了为什么谷歌没有兴趣实现这个功能。
@jedi这似乎是一个奇怪的借口，他们从右到左阅读的国家怎么样，页面设计的右上角是0,0 ... idk似乎是懒惰而不是真正的原因
@loislo和铬60？