1. 怎麼在移動端調試web前端
響應式測試：Chrome DevTools 面板右側拉伸快速查看效果；Firefox 響應式工具進一步調整；Chrome Emulation 精細測試。
Android 設備測試：使用 Android 虛擬機；優先使用 Weinre 測試，分析用戶瀏覽器使用份額，有針對的進行測試。高版本 Android 測試機，使用 Chrome 連接調試。Android 4.4+ 的 WebView 修改 APP 源代碼，也可以用 Chrome 調試。
低版本系統和其他品牌手機以及 WebView：統統可以用 Weinre 來解決。
iOS 設備測試：使用 Xcode 自帶 iOS 模擬器，使用 Safari 調試；WebView 也可以被電腦上 Safari 調試；測試機連接電腦，也可以用 Safari 調試；MIHTool 可以在 iOS 設備上使用，提供類似 Weinre 的調試功能。
測試多種設備：BrowserStack 和 Keynote。
使用 BrowserSync 可以創建本地區域網 IP 伺服器，並同步操作、監聽刷新，極大減少測試操作，提高測試效率。
當移動端設備無法訪問某項資源時，使用 Charles 做代理，通過電腦去訪問。
2. 如何利用Chrome devTools調試android手機上的web網站
1、打開 Chrome 瀏覽器 ,地址欄輸入：chrome://inspect/#devices
4、你可以在該界面操作手機web界面等等，至於其他功能，請自行探究，謝謝~
3. 微信web開發者工具移動調試怎麼弄
使用工具：
電腦；
web開發工具；
例子：以安卓的移動調試為範本；
調試步驟：
選擇無線網卡地址，默認即可，工具會自動查詢無線網卡ip v4地址。
注意：想調試本地開發的頁面，需要開啟web服務，只是一個本地頁面，是無法打開調試的。
4. 怎樣用手機調試微信web開發
微信web開發者工具主要功能：
使用自己的微信號來調試微信網頁授權；
調試、檢驗頁面的 JS-SDK 相關功能與許可權，模擬大部分 SDK 的輸入和輸出；
使用基於 weinre 的移動調試功能；
利用集成的 Chrome DevTools 協助開發。
工具頂部菜單欄是刷新、後退、選中地址欄等動作的統一入口，以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器，可以直接操作網
頁，模擬用戶真實行為。右側上方是地址欄，用於輸入待調試的頁面鏈接，以及
5. 怎麼在移動端調試web前端
日常開發中，用 Chrome 模擬 UA、屏幕尺寸 和 觸摸特性，完成第一階段的開發和調試。
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="420" data-rawheight="169" class="content_image" width="420">
Android 的話，Chrome 也有提供對應的調試工具。
6. 怎麼在移動端調試web前端
日常開發中，用 Chrome 模擬 UA、屏幕尺寸 和 觸摸特性，完成第一階段的開發和調試。
第二階段：
iOS 的話，iPhoen 數據線鏈接 Mac，打開 Safari 就可以直接使用 Mac 的 Safari 調試工具了。
Android 的話，Chrome 也有提供對應的調試工具。
國產瀏覽器中，UC 在 Android 提供了開發者版本，區域網下直接訪問機器的IP + 9998埠即可進入調試環境。
但對於國內開發者而言，最大的問題在於國產瀏覽器的各種奇怪BUG。
面對這類沒有調試工具的瀏覽器，weinre 也是一個可行的解決方案。
如果只是對JavaScript的異常進行跟蹤，自己敲幾行代碼也可以勉強處理一下。
引入一個外部鏈接來接收異常信息，藉此把異常顯示到開發環境中，這樣就可以根據異常的信息對 JavaScript 代碼進行跟蹤和定位。
其中大致的實現原理，是通過對 window.onerror 進行一個全局的異常監聽，把捕獲到的異常發送到指定的介面。
7. 怎麼在移動端調試web前端
可以直接用satari開發工具調試。chrom
+android也有類似的工具組合，但是沒有實際
過。樓主如果覺得不太滿意的話，可以去後盾人看看，那裡也許會有不錯的答案
8. app中有webview調試模式嗎
打開Android APP Webview調試模式
大家知道google提供了webview組件的調試工具devtools，通過devtools可以直接在pc端的chrome上直接調試app上的html內容，前提是webview必須打開debug模式。
有時候我們需要測試webview的html5性能參數時發現在chrome上找不到我們想要的頁面這就是因為APP的webview組件debug模式沒有打開，下面看下具體怎麼打開webview組件的調試模式。
新建一個demo，demo中新建一個webview對象
安裝app到手機打開chrome的inspect工具
在chrome inpect中能找不到調試頁面的入口
修改代碼增加
webView.(true);
再次安裝app到手機並打開APP，打開chrome的inspect工具
發現在chrome inpect中能找到調試頁面的入口了
打開webview的debug模式很簡單，直接在對象實例中增加這一句就可以了
webView.(true);
需要注意的是每個webview組件實例需要單獨設置，下次在遇到inspect找不到html調試入口就可以自己修改代碼了
作者：ddssf
鏈接：http://www.jianshu.com/p/ebd9736ad274
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
9. 怎樣用手機調試微信web開發
微信web開發者工具主要功能：
使用自己的微信號來調試微信網頁授權；
調試、檢驗頁面的 JS-SDK 相關功能與許可權，模擬大部分 SDK 的輸入和輸出；
使用基於 weinre 的移動調試功能；
利用集成的 Chrome DevTools 協助開發。
工具頂部菜單欄是刷新、後退、選中地址欄等動作的統一入口，以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器，可以直接操作網
頁，模擬用戶真實行為。右側上方是地址欄，用於輸入待調試的頁面鏈接，以及
10. 如何利用Chrome devTools調試android手機上的web網站
一、安裝Android SDK
下載Android SDK，地址：http://developer.android.com/sdk/index.html，本人的機器是windows，下載的文件為adt-bundle-windows-x86，解壓並釋放到D:/soft/android/adt（你也可以選擇其他路徑）
二、允許Android 手機啟用USB調試
1、android系統設置：「設置」》「開發人員選項」》「USB調試」；
2、手機上Chrome瀏覽器設置：打開Chrome瀏覽器，點擊左下角菜單按鍵，「設置」》「開發者工具」》「啟用USB網頁調試」
三、運行Android SDK
1、設置環境變數：右擊「我的電腦」》「屬性」》「高級」》「環境變數」》編輯「PATH」變數值，在末尾添加「;D:\soft\android\adt\sdk\platform-tools」
2、運行adb
打開cmd，輸入如下命令：
Command代碼
adb forward tcp:9222 localabstract:chrome_devtools_remote
詳情如圖：
四、調試
1、在手機上用Chrome打開需要調試的網站
2、在電腦上用Chrome打開http://localhost:9222/，如圖所示：
3、調試
點擊需要調試的網站，熟悉的Developer Tools就出來了，如圖所示：
【完成】
至此，利用Chrome在android手機上調試網站的方法告一段落。
更詳細的方法請看：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
更多的資料請參考：
http://www.html5rocks.com/en/mobile/profiling/