HBuilder Android真機調試

標籤：滑塊   ctr   class   手機   chrome   jpg   nap   dcl   php   

HBuilder Android真機調試 關於調試

       難者不會，會者不難。對於調試，這句話尤其合適。無論是前端調試、Java調試、PHP調試、Python調試，還是我們這次要研究的HBuilder Android真機調試，都是一個道理。欲速則不達，磨刀不誤砍柴工。花點時間，磨一磨調試這把刀。

 環境準備

    1、安裝好Hbuilder。

　 2、安裝好chrome。

　 3、電腦安裝好360手機小幫手。

　 4、Android手機和連接線。

 啟動偵錯模式

　 以魅族pro6s和榮耀6為例。

 魅族pro6s

  1、設定，關於手機，在“版本號碼”的項目欄裡，連續點擊7次，就會提示開啟開發人員選項。

  2、回到設定介面，協助工具功能，點進去即可看到“開發人員選項”，進入“開發人員選項”就可以開啟“USB調試”了。

  3、在開發人員選項介面中，下拉到最後，效能最佳化，進階日誌輸出，選擇全部允許。

至此，魅族pro6s偵錯模式啟動成功。然而，小編在調試時，可以啟動應用，但是無法使用console.log()。

在撥號頁，輸入*#*#3646633#*#*，進入工程模式，側滑到Log and Debugging，Debug Utils，調試等級調成Engineer Mode。然而，並沒有什麼用處。

備份HBuilder\tools\adbs中的adb.exe、AdbWinApi.dll、AdbWinUsbApi.dll，然後複製HBuilder\tools\adbs\1.0.31中的所有檔案，粘貼到HBuilder\tools\adbs目錄中。然而，也沒有什麼用處。

好吧，我的魅族pro6s有個坑，遂棄用。。。

 榮耀6

  1、設定，關於手機，在“版本號碼”的項目欄裡，連續點擊7次，就會提示進入開發人員模式；

  2、回到設定介面，下拉即可看到“開發人員選項”。

  3、點擊開發人員選項介面裡，點擊開發人員選項後面的滑塊，即可開啟開發人員模式。

  4、開發人員選項介面裡，下拉開啟“USB調試”。

 可選操作：
  1、在撥號頁，輸入*#*#2846579#*#*，進入工程菜單。

  2、後台設定，Log設定，點擊勾選需要的日誌。

 調試流程

  1、手機串連到電腦上。

  2、啟動360手機小幫手，串連手機，然後啟動360示範。
    

  3、啟動HBuilder，ctrl+R，在手機上運行應用。

  4、啟動chrome，在地址欄輸入 chrome://inspect ，開啟裝置檢查頁面。
   

 file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/pages/center/… 代表的是該檔案在Android手機中的位置。

  5、點擊“inspect”，即可開啟該頁面的調試。如果啟動了一個白屏介面，說明要FQ才能使用。

  6、之後的調試，與前端調試相同。
   

  7、樣式調整，打斷點，在頁面選擇元素（在調試器中選擇，或者在360示範中選擇均可）。。。

  至此，就可以愉快地進行Android真機調試了。

HBuilder Android真機調試