如何禁用Chrome DevTools设备模拟器？

Question

自从最近的更新以来，Chrome DevTools现在显示了一个有用的设备模拟器。

这很好，但是我没有模拟任何东西： - 设备选项中的所有选项都未被勾选 - 媒体选项中的所有选项都未被勾选 - 网络选项中的所有选项都未被选择 - 传感器选项中的所有选项都未被勾选

即使点击“重置”按钮，模拟栏仍然显示。

当我不使用Chrome DevTools设备模拟器时，如何关闭它？

- mikemaccana

---

https://dev59.com/dV8d5IYBdhLWcg3w41rz中的答案更加清晰。 - letiantian

谢谢@letian，我已将此标记为重复。 - mikemaccana

他们应该把它放在其他地方，使其更直观，因为许多人，就我所见，都有找不到它的问题。 - Islam Murtazaev

Answer 1

打开开发者工具并点击左上角的“手机”图标。这将切换标尺的开启/关闭状态。

- Havel

---

如果没有电话图标怎么办？它消失了！ - Hippyjim

谢谢！我一定是不小心点了那个按钮，因为我已经想知道那些边框是干什么用的好几个月了。缩小页面内容是压垮我耐性的最后一根稻草。 - Paul

刚刚在Windows的Chrome浏览器中添加了一张截图。我试图点击选择元素按钮，但可能不知不觉地误点了该按钮，以为我按下了一些我不知道的杂键组合。 - jxramos

谷歌公司在这里犯下的用户体验罪行是一个屏幕上的按钮控制了另一个屏幕的布局。 - Bob Stein

这是一个UI失败。我已经想了几个月了。好的，我承认我只是一个普通用户，所以我等着去谷歌搜索并找到了这个解决方案。但为什么@Google Chrome不能在设备工具栏的控件旁边放置“关闭设备工具栏”？ - mhd

Answer 2

您还可以使用键盘快捷键。

操作系统	快捷键
Windows	Shift + Enter 或 Ctrl + Shift + M
Mac	Cmd + Shift + M

- jaredwilli

---

我不知道为什么我没想到尝试一下Shift-Enter，很多应用都是用这种方式来进行全屏/窗口模式的切换。无论如何，这比点击一个模糊小按钮要好得多，甚至连你的眼睛都无法注意到。感谢您发布这篇文章！ - shelleybutterfly