chrome浏览器[Chrome开发者工具]使用教程之device(设备模拟)

本章节学习chrome浏览器的的面板工具介绍，主要介绍chrome浏览器开发这工具都有哪些功能。学习先有工具，点击下边内容下载chrome浏览器。

设备模式

Chrome开发者工具设备模式功能：

构建完全响应式，移动优先的网络体验。了解如何使用它来模拟各种设备及其功能。

• 设备模式

• 测试响应和设备特定的可视窗口

• 模拟传感器：地理位置和加速度

Chrome开发者工具设备模式使用方法：

切换Device Mode(设备模式)

切换Device Mode(设备模式)来控制Device Mode(设备模式)的开和关。

当Device Mode(设备模式)打开时，图标为蓝色（）。

关闭时，图标为灰色（）。

默认情况下启用Device Mode(设备模式)。

您也可以按Command+Shift+M(Mac) 或者Ctrl+Shift+M(Windows, Linux) 来切换设备模式。要使用此快捷方式，你的开发者工具窗口需要获取焦点。如果焦点您的可视窗口上，那么将触发Chrome的切换用户快捷方式。

下一章节讲Elements(元素面板)