这些工具默认在chrome窗口的底部打开。对于宽屏幕显示来说，这是一个相当糟糕的选择，因为右侧有大量的空白空间，但没有太多的垂直空间。不幸的是，我找不到重新放置工具的方法。我想把它们放在一边，类似于firebug。
唯一的选择类似于我想要的是分离开发工具和放置chrome和工具窗口并排。这对于快速地从IDE切换到浏览器并返回alt选项卡不是很方便，所以一个“集成”的解决方案会很好。
当前回答
把你的指针放在dock按钮上，然后长按它(几秒钟)，或者根据浏览器版本左右点击鼠标。
其他回答
在我把我的码头放在右边之后(见以前的答案)，我仍然发现面板垂直分裂。
要水平拆分面板——甚至可以从屏幕宽度中获得更多——请转到设置(右下角)，并取消“当停靠到右侧时垂直拆分面板”的检查。
现在，你有了从左到右的所有面板:p
Chrome 46或更新版本
单击垂直省略号按钮()，然后选择所需的对接选项。
Chrome 45或以上版本
长按右上方的dock图标。它会弹出一个选项来更改对接
要更改HTML和CSS面板之间的分割，请在DevTools中选择“设置(F1) > General > Appearance > Panel Layout”。
如果你使用Windows，当devtools打开时，会有一些快捷方式:
按Ctrl+Shift+D将依次将所有开发工具停靠在左、右、下。
如果你的JS控制台消失了，按Ctrl+Shift+F，你想让它停靠回开发工具的底部。
看起来左下角现在是一个带有重叠窗口的图标和“卸载到单独的窗口”工具提示。
把你的指针放在dock按钮上，然后长按它(几秒钟)，或者根据浏览器版本左右点击鼠标。
推荐文章
- 在JS的Chrome CPU配置文件中，'self'和'total'之间的差异
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- Access-Control-Allow-Origin不允许Origin < Origin >
- 如何设置断点在内联Javascript在谷歌Chrome?
- Chrome调试-打破下一个点击事件
- 谷歌Chrome表单自动填充和它的黄色背景
- 如何处理“未捕获(在承诺)DOMException:播放()失败，因为用户没有首先与文档交互。”在桌面与Chrome 66?
- 强制DOM重绘/刷新Chrome/Mac
- 我如何才能使setInterval也工作时，一个标签是不活跃的Chrome?
- 我如何调试一个HTTP POST在Chrome?
- 我如何从谷歌Chrome扩展获得当前选项卡的URL ?
- 调试WebSocket在谷歌Chrome
- 如何在浏览器中检查消失的元素?
- 超出ResizeObserver循环限制
