取消停靠 Chrome 开发者工具

Posted 2023-03-07

【中文标题】取消停靠 Chrome 开发者工具

【英文标题】：Undock Chrome Developer Tools

【发布时间】：2013-12-11 18:34:27

【问题描述】：

如何取消 Chrome 中的 Chrome 开发者工具？ 按左下角只是将其移动到右侧。

_{（来源：github.io）}

【问题讨论】：

这里问过类似的问题***.com/questions/10023640/…

【参考方案1】：

单击垂直省略号按钮 ( ⋮ )，然后选择所需的停靠选项。 （带有红色圆圈的停靠选项是取消停靠）

对于旧版 Chrome，请按住角落按钮

您还可以从命令菜单中取消停靠/停靠到左侧/停靠到右侧/停靠到底部。按 Cmd+Shift+P (Mac) 或 Cmd+Shift+P（Windows、Linux、Chrome OS）打开命令菜单，然后开始输入bottom/left/right/undock。

DevTools 对接文档：https://developers.google.com/web/tools/chrome-devtools/ui#placement

【讨论】：

没有提示就无法弄清楚，糟糕的用户体验。

我的键盘正要在膝盖上减半，所以。

什么角？如果没有你的图片（被防火墙阻止），我花了一分钟多的时间才弄清楚我应该点击什么。

那个 UX 设计是愚蠢的：你选择“非对接”对接选项。向你致敬，设计师。 :-(

我想让控制台单独显示在我的第二个屏幕上，而 DevTools 的其余部分则停留在我的主窗口中。我发现没有办法做到这一点。有人吗？

【参考方案2】：

切换底座侧的快捷键

ctrl+shift+D

你可以看到很多快捷方式 转到设置->快捷方式

【参考方案3】：

在 developer tool panel 的一角寻找“三点图标”，然后您可以找到切换停靠按钮.