如何 drag/re-position 检查 google chrome 中的元素工具?
How to drag/re-position inspect element tool in google chrome?
我正在使用 Google Chrome 浏览器。我确实右键单击 -> 检查元素以打开检查元素工具。这是我目前在屏幕上看到的内容
有什么方法可以 re-position/move 将检查元素工具显示在浏览器屏幕的底部?
我尝试查找此内容 https://www.google.com/#q=drag+and+drop+inspect+element,但只找到了打开检查元素工具的快捷方式的结果。
您应该可以点击并按住 "close" 图标旁边的 "two squares" 小图标,它会显示一个将 DevTools 移至底部的选项:
half-filled 矩形会将 DevTools 移动到 side/bottom,重叠的方块会将 DevTools 从浏览器弹出到单独的 window。
inspect element 中的关闭图标之前,有停靠图标。
如果停靠像单个框图标,只需单击它即可在底部和右侧之间切换检查元素。
如果停靠图标像双框图标,按住图标,然后将光标移动到单框图标(按下图标后不久出现)。
如需更多信息,请访问 here.
我的回答基于 Chrome 59,但目前适用于此后的先前版本。
如图,你可以点击右上角竖着的三个点,然后会出现下面的菜单,你可以点击你喜欢的排列方式(黑框部分就是你想放置工具栏的位置) ).在你的情况下 select 具有底部排列的图标。
如果你是键盘快捷键专家,
- 如果你在windows
Cntrl + Shift + D
- 在OSX
⌘ + Shift + D
在WindowsPC 2020版本
Toogle Device toolbar
select 或 deselect
我正在使用 Google Chrome 浏览器。我确实右键单击 -> 检查元素以打开检查元素工具。这是我目前在屏幕上看到的内容
有什么方法可以 re-position/move 将检查元素工具显示在浏览器屏幕的底部? 我尝试查找此内容 https://www.google.com/#q=drag+and+drop+inspect+element,但只找到了打开检查元素工具的快捷方式的结果。
您应该可以点击并按住 "close" 图标旁边的 "two squares" 小图标,它会显示一个将 DevTools 移至底部的选项:
half-filled 矩形会将 DevTools 移动到 side/bottom,重叠的方块会将 DevTools 从浏览器弹出到单独的 window。
inspect element 中的关闭图标之前,有停靠图标。
如果停靠像单个框图标,只需单击它即可在底部和右侧之间切换检查元素。
如果停靠图标像双框图标,按住图标,然后将光标移动到单框图标(按下图标后不久出现)。
如需更多信息,请访问 here.
我的回答基于 Chrome 59,但目前适用于此后的先前版本。
如图,你可以点击右上角竖着的三个点,然后会出现下面的菜单,你可以点击你喜欢的排列方式(黑框部分就是你想放置工具栏的位置) ).在你的情况下 select 具有底部排列的图标。
如果你是键盘快捷键专家,
- 如果你在windows Cntrl + Shift + D
- 在OSX ⌘ + Shift + D
在WindowsPC 2020版本
Toogle Device toolbar
select 或 deselect