現在真是一個信息化的時代，每個人手里都拿着一款智能機，上班下班走路坐車之余都會玩玩手機，上上網。於是作為廣大網站媒體來說，爭搶手機市場無疑是刻不容緩。對於我們Web前端工程師來說，了解並掌握手機編程的任務也是刻不容緩。下面為大家推薦一款比較不錯的手機調試軟件chrome。
經常調試手機網站的碼農們，一定會為手機調試軟件而發愁，找不到比較合適的手機網站調試工具。我也是無意中發現chrome控制台的軟件設置中就具備了各種手機屏幕的尺寸。我們只要用它就很方便完成調試工作了。
下面介紹一下chrome調試的方法。
1、打開chrome(下面的步驟如果不成功，請先升級chrome瀏覽器)
2、按F12打開Developer Tools,之后點擊developer Tools右下角的設置icon,如圖(圖1-1)
圖1-1
3、點擊設置icon后，就會看到彈出一個新的界面，如下圖(圖1-2):
圖1-2
4、在上圖所示界面點擊相應選項，刷新頁面就能看到chrome使用對應設備上的相應瀏覽器渲染該頁面，下圖(圖1-3)展示了chrome可以模擬的設備：
圖1-3
5、下面講下該工具每個功能項的意思
User Agent : 設置用戶代理，告訴瀏覽器模擬何種設備中的哪個瀏覽器
Device metrices: 選擇后，會根據User Agent設置頁面的大小，默認值是模擬設置的大小，
Fit in window ：點選后，頁面大小會根據窗口大小進行適配
Override Geolocation：手動設置經緯度，選擇后可以輸入經度和緯度的值 Emulate position unavailable用來開關是否可以使用地理位置
Override Device Orientation：設置設備方向，
Emulate touch events：模擬觸摸屏事件
Emulate CSS media：模擬css 樣式屏幕如 print screen tv等
盡管市面上有眾多的手機網站調試工具，但是普遍都得需要下載安裝，使用起來非常麻煩。而chrome自帶的功能就可以滿足我們普遍手機網站調試人員的需求，何樂而不為呢。