Javascript 如何在google chrome中拖动/重新定位inspect element工具？

我正在使用谷歌浏览器。我右键单击->检查元素以打开检查元素工具。这是我当前在屏幕上看到的内容

是否有办法将inspect element工具重新定位/移动到浏览器屏幕的底部？

---

我尝试查找此项，但只找到打开“检查元素”工具的快捷方式的结果。

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

---

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

在inspect元素的close图标之前，有一个停靠图标。
如果停靠类似于单框图标，只需单击它即可在底部和右侧之间切换inspect元素。
如果对接图标类似于双框图标，请按住图标，然后将光标移动到单框图标（在按下图标后不久出现）。

---

欲了解更多信息，请访问。

我的答案基于Chrome 59，但目前适用于之前的版本

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

---

如果你是一个喜欢键盘快捷键的人

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

---

在Windows PC 2020版本中

Toogle设备工具栏

选择或取消选择

---

这会给已经回答的问题增加什么额外的信息？这是您的问题的一部分。