一、瀏覽器調(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