行動網頁開發利用Chrome模擬器手機

開發行動版網頁時,常常需要找很多裝置模擬,不過Chrome其實就內建在裡面了!
未命名 - 2
進入 工具→開發人員工具

未命名 - 3

按下齒輪

未命名 - 2.1

General內的Appearance有 Show ‘Emulation’ view in console drawer

未命名 - 4

點選上面的console(或齒輪左邊的圖案),點Emulation就可以看到選項

未命名 - 5

點開後可以看到可以模擬許多裝置

未命名 - 7

按下Emulate後,就會看到畫面模擬成行動裝置的畫面了!