如何在谷歌浏览器中拖动/重新定位检查元素工具？

Question

我正在使用Google Chrome浏览器。我点击了右键 - ＆gt;检查元素以打开检查元件工具。这就是我目前在屏幕上看到的内容

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

Answer 1

你应该可以点击并按住“关闭”图标旁边的小“两个方块”图标，它会显示一个将DevTools移动到底部的选项：

半满的矩形会将DevTools移动到侧面/底部，重叠的方块会将DevTools从浏览器中弹出到一个单独的窗口中。

Answer 2

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

如图所示，您可以单击右上角的3个垂直点，然后会出现下面的菜单，您可以在那里单击您喜欢的排列（黑暗的框部分显示您要放置工具栏的位置）。在您的情况下，选择具有底部排列的图标。

Answer 3

如果您是键盘快捷键的人，

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

Answer 4

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

Answer 5

在Windows PC 2020版本中

Toogle Device toolbar选择或取消选择