Chrome开发者模式Device Mode设备模式

1.使用设备模式构建完全响应式,移动优先的网络体验。使用 Chrome 开发者工具的 Device Mode 打造移动设备优先的完全自适应式网站。了解如何使用 Device Mode 模拟多种设备及其功能。警告:Device Mode 可以让您了解您的网站在移动设备上的大致显示效果,但要获得全面的了解,则应始终在真实设备上测试您的网站。开发者工具无法模拟移动设备的性能特性。

2.切换 Device Mode。切换 Device Mode 按钮可以打开或关闭 Device Mode。

(1)当 Device Mode 打开时,该图标呈蓝色。

(2)当 Device Mode 关闭时,该图标呈灰色。

您还可以通过按 Command+Shift+M (Mac) 或 Ctrl+Shift+M(Windows、Linux)来切换 Device Mode。要使用此快捷键,鼠标焦点需要位于开发者工具(DevTools )窗口中。

发布了16 篇原创文章 · 获赞 13 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/wq12310613/article/details/77161629