與Web端調試相比,移動端調試似乎有很大難度,之前嘗試過使用
alert
,頁面引入
vconsole
的方式,最近又發現了其他更加友善的調試,順道整理下來。
1.Chrome浏覽器Inspect調試
1)在x5核心下,通路
debugx5.qq.com/
,點選資訊,勾選 ‘打開TBS核心Inspector調試功能’;
2)手機打開開發者模式,允許USB調試;
3)谷歌浏覽器位址欄輸入:
chrome://inspect/#devices
,下方可以看到
4)在可以翻牆的基礎上,點開
inspect
,就可以看到自己的界面以及
console
控制台了。
2.Fiddler Everywhere抓包工具【Mac端】
抓包工具可以抓取所有的請求以及請求的響應,可以判斷響應值來達到調試的目的。
1)手機連接配接Wi-Fi處選擇代理
2)打開Fiddler Everywhere,點選設定
3)允許抓取其他裝置的請求
4)開啟攔HTTPS請求,需要下載下傳證書,在手機上安裝
具體使用方式可以參考:Fiddler Everywhere