在web開發開發過程中調試時必不可少的，這篇文章就講一下移動端web的調試。
常用的有兩種方式：1.直接在瀏覽器自帶的移動端模擬環境上調試。2.使用Fildder抓包工具進行手機真機調試。
瀏覽器調試
谷歌的開發者工具為移動端調試做了專門的准備：打開開發者工具，點擊第二個手機狀圖片
即可進入手機模式瀏覽所有網頁：
在這里可以選擇所需要的手機類型
然后就可以進行相應的調試了，但這個畢竟是模擬環境，跟真機調試相比還是會有些許差別。我個人的話，如果只是大致看下web效果會使用這個，黨進行嚴格的開發的時候就要使用Fiddler（下面講使用方法）抓包進行真機調試了。
Fiddler抓包工具
這里所說的移動端抓包不是說通過瀏覽器的開發工具查看http請求，而是通過Fiddler代理抓取真機請求的http包。
Fiddler是一款非常流行並且實用的http抓包工具，它的原理是在本機開啟了一個http的代理服務器，然后它會轉發所有的http請求和響應，因此，它比一般的firebug或者是chrome自帶的抓包工具要好用的多。不僅如此，它還可以支持文件替換、請求重放等一些高級功能。顯然它是可以支持對手機應用進行http抓包的。
既然是代理，也就是說：客戶端的所有請求都要先經過Fiddler，然后轉發到相應的服務器，反之，服務器端的所有響應，也都會先經過Fiddler然后發送到客戶端：
介紹下如何用fiddler對手機應用來抓包。
首先去fiddle官網下載最新版本並點擊fiddler.exe進行安裝
安裝成功后，此為運行界面
主面板左側：
是http包列表，是Fiddler抓取到的每條http請求（每一條稱為一個session）,主要包含了請求的url，協議，狀態碼，body等信息，詳細的字段含義如下圖所示：
主面板右側：詳情和數據統計面板。針對每條http請求的具體統計（例如發送/接受字節數，發送/接收時間，還有粗略統計世界各地訪問該服務器所花費的時間）和數據包分析。
其他的具體功能有興趣的可以參照fiddle教程進行了解：http://kb.cnblogs.com/page/130367/
下面講一下真機抓包：
這里將介紹如何使用fillder抓取手機請求包。不過通過fillder代理抓取手機包有個必備條件，就是電腦網絡和手機網絡是互通的，否則將無法抓包。檢測PC是否可以訪問到手機，可以直接ping 手機ip。
第一步：檢測fillder設置
在抓包之前需要確保fillder的一些設置是正確的：
頂部導航欄——Tools——Fillder Options
確保紅色框中的選項被勾選（允許電腦被連接訪問），上方的端口號設置為8888！（一會手機設置會用到）
第二步：獲取本機 ip地址：可以在cmd里面輸入ipconfig命令獲取
第三步：手機代理設置
打開手機設置——wifi——並找到http代理選項，設置為手動並輸入服務器名（既自己的電腦的IP），端口（fiddle里自己設置的端口號）
設置完這些后在自己手機端的瀏覽器上打開自己開發的網頁了，並進行調試。