使用 chrome mobile emulation 來輔助 device 測試

若是你測試的是web app 或者是 hybrid app， chrome mobile emulation能夠輔助你們快速的在PC端完成debug，或者是html部分的冒煙,佈局測試。

Mobile emulation只有在chrome 32版本以後纔有！！！

啓動模擬器

打開chrome，navigate到 developer tools(F12), 點擊「show drawer」按鈕。

設備欄:

設備欄提供了十幾種流行的手機模式：iphones,ipads,Samsung Galaxy......固然相應的信息會體如今UA上。
選擇設備，刷新頁面。

屏幕欄

屏幕欄容許你們定製化手機的分辨率，像素比例.......

用戶終端欄

User Agent是一個古老的技術，旨在根據不一樣的agent string 來顯示不一樣的mobile website。目前多被響應式設計所取代。

感應器欄

經過此欄你能夠實現device的硬件模擬，包括觸摸，地理定位，加速度計......

回到browser模式

回到設備欄，點擊「reset」按鈕。

總結:

Chrome的模擬器對於開發，測試都是很是有用的，可是它還遠遠不能替代真機上的用戶和mobile site, app的真實交互，體驗。
因此若是你想進行quick and dirty的mobile testing, chrome mobile emulation是個不錯的選擇。