Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

使用 Device Mode 模擬移動設備

使用 Chrome DevTools 的 Device Mode 打造移動設備優先的完全自適應式網站。瞭解如何使用 Device Mode 模擬多種設備及其功能。

簡述

切換 Device Mode

切換 Device Mode 按鈕可以打開或關閉 Device Mode。

Device Mode 的初次啓動

當 Device Mode 打開時,該圖標呈藍色 (Device Mode 打開)。

當 Device Mode 關閉時,該圖標呈灰色 (Device Mode 關閉)。

Device Mode 默認處於啓用狀態。

您還可以通過按 Command+Shift+M (Mac) 或 Ctrl+Shift+M(Windows、Linux)來切換 Device Mode。要使用此快捷鍵,鼠標焦點需要位於 DevTools 窗口中。如果焦點位於視口中,您將觸發 Chrome 的切換用戶快捷鍵