Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

使用 Device Mode 模拟移动设备

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

警告:Device Mode 可以让您了解您的网站在移动设备上的大致显示效果,但要获得全面的了解,则应始终在真实设备上测试您的网站。DevTools 无法模拟移动设备的性能特性。

简述

切换 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 的切换用户快捷键