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

问题描述 投票:0回答:3

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

enter image description here

这很棒,但是我没有模仿任何东西:

  • 设备中所有选项均未勾选
  • 媒体中所有选项均未勾选
  • 网络中所有选项均未选中
  • 传感器中的所有选项均未勾选

单击“重置”按钮仍会显示仿真栏。

如何在不使用 Chrome DevTools 设备模拟器时将其关闭?

google-chrome google-chrome-devtools
3个回答
164
投票

打开开发者工具并单击左上角的“电话”图标。 这可以打开和关闭标尺。

Toggle device toolbar screenshot


21
投票

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

操作系统 快捷方式
Windows
Shift + Enter
Ctrl + Shift + M
Mac
Cmd + Shift + M

0
投票

开发工具界面;不是预览窗口

我使用多个屏幕并分离我的控制台。 Havel 的是正确的,但应该注意的是,如果控制台窗口分离并位于不同的屏幕上,则电话图标位于包装控制台的DevTools界面上,而不在带有设备工具栏的浏览器屏幕上 .

Screenshot of DevTools interface from MacOS on Chrome.

通读哈维尔回答的评论,仍然不清楚。

© www.soinside.com 2019 - 2024. All rights reserved.