HBuilder Android真机调试
關于調試
難者不會,會者不難。對于調試,這句話尤其合適。無論是前端調試、Java調試、PHP調試、Python調試,還是我們這次要研究的HBuilder Android真機調試,都是一個道理。欲速則不達,磨刀不誤砍柴工?;c時間,磨一磨調試這把刀。
原文地址:http://www.voidking.com/2017/...
環境準備
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”,即可打開該頁面的調試。如果啟動了一個白屏界面,說明要翻墻才能使用。
6、之后的調試,與前端調試相同。
7、樣式調整,打斷點,在頁面選擇元素(在調試器中選擇,或者在360演示中選擇均可)。。。
至此,就可以愉快地進行Android真機調試了。
書簽
HBuilder之Chrome調試Android手機
Chrome調試Android應用(Debug)
總結
以上是生活随笔為你收集整理的HBuilder Android真机调试的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android 中文API (46) —
- 下一篇: 一些demo