## 使用设备模式模拟移动设备
运用谷歌开发者工具的设备模式,可以方便的构建应用于移动设备的响应式网页。本节介绍如何使用设备模式模拟具有移动设备特性的环境。
> **警告** 设备模式能够模拟网页在移动设备上十分近似的展现,但不完全一致,保险起见,你还是需要在真实设备上测试你的网页。另外,设备模式只能模拟显示,性能方面的特性,需要在真实设备上测试。
### 简而言之
* 模拟不同的屏幕尺寸和分辨率,包括Retina屏幕
* 通过可视化方法和CSS媒体查询,进行响应式设计
* 使用网络仿真器,评估网页的性能
* 准确地模拟设备输入,如触摸事件、地理位置、设备方向等等
### 切换设备模式
通过设备模式摁钮切换开启和关闭设备模式
![](https://box.kancloud.cn/44634f5d71f3cd6df44914b393eba14c_2084x1112.png)
当焦点在谷歌开发者工具上时,你还可以通过快捷键 Command+Shift+M (Mac) or Ctrl+Shift+M (Windows, Linux),来快速切换是否开启设备模式。