如何使用Chrome類比手機瀏覽器測試移動端網站

標籤：style   blog   http   color   io   os   使用   ar   java   

  zhanhailiang 日期：2014-10-10

環境說明： Chrome 37.0.2062.124 m

1. 通過【菜單→工具→開發人員工具|Javascript控制台】或【快速鍵Ctrl+Shift+I|J】開啟Chrome控制台：

2. 點擊控制台上右上方的手機表徵圖啟用模擬器：

3. 通過【Emulation→Device→Model】選擇你想要類比的裝置：

4. 此時訪問你的移動網站的網域名稱：

5. 最後推薦一個小技巧，長按右側的【Dock to Main Window】，選擇將Chrome控制台固定到右側，類似於對螢幕作垂直分割，方便整個視野內測試：

如何使用Chrome類比手機瀏覽器測試移動端網站