Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

使用 Device Mode 模拟移动设备

使用 Chrome DevTools 的 Device Mode 打造移动设备优先的完全自适应式网站。了解如何使用 Device Mode 模拟多种设备及其功能。

简述

切换 Device Mode

切换 Device Mode 按钮可以打开或关闭 Device Mode。

Device Mode 的初次启动

当 Device Mode 打开时,该图标呈蓝色 (Device Mode 打开)。

当 Device Mode 关闭时,该图标呈灰色 (Device Mode 关闭)。

Device Mode 默认处于启用状态。

您还可以通过按 Command+Shift+M (Mac) 或 Ctrl+Shift+M(Windows、Linux)来切换 Device Mode。要使用此快捷键,鼠标焦点需要位于 DevTools 窗口中。如果焦点位于视口中,您将触发 Chrome 的切换用户快捷键