单击“ 更多选项 ( ) 按钮，然后选择“ 显示媒体查询 ”：

若要更改视区宽度，以便使用该断点的媒体查询，请单击断点栏中的断点矩形。 视区宽度更改，以便触发断点，并更新网页布局。

若要转到网页代码中的相应 @media 声明，请在断点竖线之间右键单击，然后选择“ 在源代码中显示 ”。 DevTools 将打开 “源” 工具，并在 编辑器 中显示相应的 @media 行。

另请参阅：

选择 “更多选项 ” ( ) > 添加设备像素比率 ：

某些设备具有可折叠屏幕。 可折叠屏幕具有一种姿势：连续或折叠。 连续姿势是指“平面”位置，折叠在显示器各部分之间形成一个角度。

若要设置设备姿势，请从工具栏中的相应下拉菜单中选择“ 连续 ”或“ 折叠 ”。

显示设备框架

若要模拟特定移动设备的尺寸，请单击“ 更多选项 ” (“ ) ，然后选择“ 显示设备帧 ”以显示视区周围的物理设备帧：

使用“ 传感器 ”选项卡可以替代地理位置、模拟设备方向、强制触摸和模拟空闲状态。

以下部分提供了有关如何替代地理位置和设置设备方向的快速了解。 有关功能的完整列表，请参阅 模拟设备传感器 。

替代地理位置

使用 传感器 工具替代地理位置并模拟设备方向。

如果页面依赖于移动设备中的地理位置信息才能正确呈现，请使用地理位置覆盖 UI 提供不同的地理位置。

在 “活动栏”中 ，单击“ 更多工具 ( ) 按钮，然后单击“ 传感器 ”：

此页面的某些部分是根据 Google 创建和共享的 作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面 在此处 找到，由凯斯·巴斯克创作。