1. 程式人生 > >微信網頁真機除錯

微信網頁真機除錯

手機通過USB除錯連線PC,PC 的 Chrome 遠端除錯手機上的微信web
流程就幾步,網上都有
1、手機開啟開發者模式,開啟USB除錯
2、USB用途設定為【僅限充電】 (可以測試,開啟除錯工具後。只要一切換到別的USB用途,馬上丟失連線)。
3、除錯微信裡開啟 debugx5.qq.com,切換到資訊tab,勾選【開啟TBS核心Inspector除錯功能】
在這裡插入圖片描述
4、電腦chrome瀏覽器開啟chrome://inspect/#devices 我的測試機是 Redmi Note 4X
在這裡插入圖片描述
要除錯哪個頁面,點下面的 inspect 就可以開啟熟悉的除錯工具了【這一步需要過牆梯加持,不然就一直loading,最後404】

問題:

1、在微信中打開了頁面,這裡只顯示Remote Target 下面空白一片 【這可能是USB用途設定問題,切換下其它的試試 】
2、要麼點 inspect 開啟 HTTP/1.1 404 Not Found【悲劇,首次開啟要翻牆。不知道是瀏覽去要去老家驗證點啥】
3、(不知道是否個案)我的手機接USB後經常不彈出【USB除錯授權】的確定框,然後就是第4步不顯示我的手機。蒙奇奇上查的要確認了幾個地方,僅供參考。
3.1、 ADB Interface 安裝成功
在這裡插入圖片描述在這裡插入圖片描述
3.2、新增環境變數:ANDROID_SDK_HOME ,值就是你androidSDK所在的目錄。(我個人感覺和這個關係不大)
4、最最最要注意的,USB線是否接觸正常。我這裡就時靈時不靈的,多叉它幾次,總會嗨起來的。
之前遇到上面的問題,除錯不了。後來按解決方案測試過。100%可行

附上:TBS除錯頁面 debugtbs.qq.com
在這裡插入圖片描述