一、瀏覽器調(diào)試 - 開發(fā)初期
項目開發(fā)初期,可以使用瀏覽器預(yù)覽、快速查看頁面UI效果。

image.png
或者開啟Hbuider 變改變看模式

image.png
二、模擬器調(diào)試
直接打開海馬玩或夜神手機模擬器,Hbuilder就會自動檢測設(shè)備,真機運行選擇對應(yīng)模擬器即可

image.png
三、真機調(diào)試
手機USB鏈接到電腦,hbuilder會自動檢測設(shè)備。iphone手機也可以在插入usb調(diào)試,這里體現(xiàn)了Hbuilder的強大,iphone手機的調(diào)試可以再windows系統(tǒng)下進行。其他開發(fā)工具需要使用蘋果電腦(macOS系統(tǒng))進行調(diào)試,如ionic需要導(dǎo)入Xcode工具進行調(diào)試打包。

image.png
下圖為iphone手機,在window系統(tǒng)開發(fā)環(huán)境的調(diào)試啟動。

image.png