以前真機除錯手機頁面，都是使用資料線連接手機和電腦，近日身邊沒有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:埠”即可，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/539368.html
標籤：HTML5
上一篇：meta標簽幾個常用方法！
下一篇：記錄--記一次前端CSS升級