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

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

谷歌浏chrome览器下载

• 类型：社交软件大小：1.4M语言：简体中文 星级：
• 运行环境：Win/7/8/10

立即下载

设备模式

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

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

• 设备模式

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

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

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

切换Device Mode(设备模式)

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

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

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

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

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

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