Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on 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 的切換用戶快捷鍵