1野宜、Chrome 瀏覽器調(diào)試
準(zhǔn)備工作
- 電腦端扫步、手機(jī)端安裝 Chrome 瀏覽器
- 電腦上安裝好 Android SDK ，確認(rèn)方式為 adb 命令可正常使用 (Android 程序猿可略過(guò)...)
建立調(diào)試守護(hù)進(jìn)程
終端中鍵入以下命令
adb forward tcp:9222 localabstract:chrome_devtools_remote
成功的話會(huì)打印如下信息
adb server version (31) doesn't match this client (36); killing...
* daemon started successfully *
進(jìn)入調(diào)試狀態(tài)
- 手機(jī)打開 Chrome 輸入要調(diào)試頁(yè)面地址
- 電腦打開 Chrome 進(jìn)入 localhost:9222 頁(yè)面選擇要調(diào)試的頁(yè)面
- 點(diǎn)擊要調(diào)試的頁(yè)面后跳轉(zhuǎn)至 http://chrome-devtools-frontend.appspot.com （需要翻墻）
不推薦使用第一種方式調(diào)試匈子，推薦使用下面第二種方式調(diào)試 web 頁(yè)面
2河胎、Chrome DevTools
chrome://inspect/#devices
-
Android 需要打開 USB 調(diào)試模式，并用數(shù)據(jù)線連接你的電腦虎敦，確保連接正常
這里寫圖片描述 選擇你要調(diào)試的頁(yè)面游岳，點(diǎn)擊inspect，下面的步驟與電腦端使 Chrome 調(diào)試方式一致
3其徙、微信公眾號(hào) Web 調(diào)試
- 需用微信web開發(fā)者工具調(diào)試胚迫，具體請(qǐng)參考官方文檔
4、清理微信瀏覽器緩存
用微信內(nèi)置瀏覽器打開 http://debugx5.qq.com 勾上需清理的內(nèi)容點(diǎn)擊[清除]
清理緩存
