以前真機除錯手機頁面,都是使用資料線連線手機和電腦,近日身邊沒有USB資料線,折騰了下如何不依賴資料線只用無線除錯手機頁面,教程如下。
本教程適用於安卓11以及以上版本。否則應該使用USB資料線連線。
一、安裝adb工具
下載地址:https://developer.android.com/studio/releases/platform-tools?hl=zh-cn
二、配置環境變數
下載完畢後,需配置環境變數,以mac為例。Windows類似。
mac:
1.新建配置檔案:進入 /Users/使用者名稱 ,建立.bash_profile檔案: 可使用命令touch .bash_profile或在資料夾手動建立。
【如: /Users/使用者名稱 下已有.bash_profile檔案則無需建立,直接進入第2步】
2.編輯配置檔案:
開啟配置檔案:可使用命令open .bash_profile 開啟上一步建立的檔案。或直接右鍵用文字編輯器開啟此檔案。
加入一條環境變數配置:(此處PATH路徑為下載檔案的存放路徑,下圖中,檔案存放在/Users/使用者名稱/platform-tools)
儲存並關閉視窗。
3.輸入命令:source .bash_profile 重新整理配置
4.測試下:在命令列輸入adb,不再出現無此命令的提示。
三、手機配置
1.開啟手機的開發者選項
不同手機操作不同,小米手機為:設定-我的裝置-全部引數-點選多次“MIUI版本”,直到提示我們已開啟開發者選項。
其他手機大同小異,自行探索即可。
2.在開發者選項裡
①開啟USB除錯
②開啟“無線除錯”功能,點選“使用配對碼配對裝置”
3.在電腦執行命令adb pair 手機IP:埠 (上圖紅色區域資訊)進入下一步,輸入手機上顯示的配對碼,電腦端顯示配對成功(successfully paired to XX)
4.配對成功後連線手機:adb connect 手機IP:埠 (上上圖藍色區域資訊)
四、除錯頁面
1.開啟chrome或edge瀏覽器,位址列輸入:chrome://inspect/#devices 或 edge://inspect/#devices
2.手機瀏覽器開啟一個網頁或開啟APP中內嵌頁面,如下圖。
備註:不是所有瀏覽器和APP都支援除錯。一般手機自帶瀏覽器都支援除錯
稍等半分鐘左右,可看到一條網頁資訊:
3,點選上圖中inspect進入除錯頁面:
可以看到此頁面與手機內開啟的頁面完全一樣。可以盡情除錯了。
如上圖為空白或有其他HTTP報錯,可連下代理,確保電腦可以訪問Google。
下次連線時只需再執行“adb connect 手機IP:埠”即可。