web移動端生產環境調試

標籤：

如果是開發環境，比較容易：

最笨的方法是手機開QQ電腦開QQ把做好的頁面傳給手機QQ直接開啟。。

參考：

http://blog.allenm.me/2014/05/mobile-web-debug-guide-1/

http://blog.allenm.me/2014/05/mobile-web-debug-guide-2/

 

對於移動端調試，尤其是生產環境，必須藉助一定工具：

方法1：

藉助fiddler調試：

第一步：1.fiddler 參數設定

2.Connections面板連接埠號碼設定：

 

3.使用ip進行移動端web調試

比如我的電腦WiFi是lazyman-baidu,ip是196.168.2.76.那麼手機可以這樣設定代理網路：

安卓機（我的是MX4，iphone基本相同處理）

注意：需在同一網路，ip與電腦相同

第一步，設定完成 ok

 

第二步：開始調試

點擊fiddler捕抓到的網路請求，點擊該請求，右邊

點擊save,基本可以開始調試。

 

方法二：如果只是想簡單調試代碼，可以藉助chrome的調試工具。點擊右上方手機模式調試

Device設定手機類型，netWork設定移動網路類型，如3G,4G主要用於類比行動電話通訊速度。UA用於類比瀏覽器，可以手動輸入修改。比如把ios8改為ios9...

該方法調試代碼不錯。

 

web移動端生產環境調試