如何在 google chrome 中拖动/重新定位检查元素工具？

Question

我使用的是 Google Chrome 浏览器。我右键单击 -> 检查元素以打开检查元素工具。这是我目前在屏幕上看到的

有没有办法可以将检查元素工具重新定位/移动到浏览器屏幕的底部？ 我尝试查找此内容 https://www.google.com/#q=drag+and+drop+inspect+element 但只找到了打开检查元素工具的快捷方式的结果。

Answer 1

您应该能够单击并按住“关闭”图标旁边的小“两个方块”图标，它将显示一个将开发工具移动到底部的选项：

半填充的矩形会将 DevTools 移至侧面/底部，重叠的正方形会将 DevTools 从浏览器弹出到单独的窗口中。

Answer 2

我的答案基于 Chrome 59，但目前适用于此后的以前版本。

如图所示，您可以单击右上角的3个垂直点，然后会出现下面的菜单，您可以在其中单击您喜欢的排列方式（深色框部分显示您想要放置工具栏的位置）。根据您的情况，选择底部排列的图标。

Answer 3

在检查元素的关闭图标之前，有一个停靠图标。
如果停靠就像单个框图标，只需单击它即可在底部和右侧之间切换检查元素。
如果对接图标类似于双框图标，请按住该图标，然后将光标移动到单框图标（按下该图标后不久会出现）。
欲了解更多信息，请访问这里。

Answer 4

如果您是键盘快捷键爱好者，

• 如果您在 Windows 中 Cntrl + Shift + D
• 在 OSX 中 ⌘ + Shift + D

Answer 5

在 Windows PC 2020 版本中

Toogle Device toolbar

选择或取消选择

Answer 6

对于 Windows--> 按--> Ctrl+Shift+D

---

对于 OSX --> 按 --> Window+Shift+D