Chrome DevTools – 使用设备模式模拟移动设备

使用 Chrome 开发者工具的Device Mode(设备模式)来构建移动优先,完全响应式的网站。了解如何使用它来模拟各种设备及其功能。

简而言之

切换Device Mode(设备模式)

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

Initial start for device mode

Device Mode(设备模式)打开时,图标为蓝色(设备模式开启)。

关闭时,图标为灰色(关闭设备模式)。

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

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

说明

翻译自:https://developers.google.com/web/tools/chrome-devtools/device-mode/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » Chrome DevTools – 使用设备模式模拟移动设备

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏