找軟件用軟件,就到華軍軟件園! 軟件發(fā)布
所在位置: 首頁 — 教程攻略 — 教程 — 電腦軟件教程  —  HBuilderX...

HBuilderX進行調(diào)試的詳細(xì)操作過程

作者:小魚兒 日期:2024-05-11

HBuilderX
HBuilderX-4.29

編程工具 占存:52.75 MB 時間:2022-12-26

軟件介紹: HBuilderX編輯器是DCloud全新推出的一款HTML5的Web開發(fā)工具。軟件體積小,啟動快,HBuilderX為您...

立即下載

  相信才安裝HBuilderX軟件的朋友還不太了解進行調(diào)試的操作,而小編今天就帶來了有關(guān)HBuilderX進行調(diào)試的操作過程,有需要的小伙伴們一起學(xué)習(xí)一下吧!

  進行簡單設(shè)置把其調(diào)成豎直的屏幕樣式,其他設(shè)置根據(jù)自己需要來設(shè)置,如設(shè)置手機款式,好友分辨率等,來模擬真機達到相同的效果。

s.jpg

  打開hBuilder,找到運行按鈕,點擊進行連接;通常情況下,是不會連接成功的,還要進行一些其他的設(shè)置,需要將hBuilder上的工具。

S.png

  連接成功就會出現(xiàn)連接頁面,可看著頁面進行更改,但是處理時會出現(xiàn)一些問題,當(dāng)做出更改的時候可能會沒有變化,這時需要雙擊這個按鈕從新打開進行調(diào)試就可以了。

s1.jpg

  設(shè)置內(nèi)置web服務(wù)器的IP地址為自己電腦的地址,及端口號,確保端口號不沖突。

s1.png

  在左邊寫代碼,保存時右邊會自動刷新頁面,很方便調(diào)界面。對于less、sass等預(yù)編譯語言,在ctrl+s后自動輸出css后,也會繼續(xù)激活瀏覽器的刷新。

ss.jpg

  代碼里的一個div點右鍵,選“高亮瀏覽器內(nèi)對應(yīng)元素”,就會看到右側(cè)瀏覽器里指定的元素高亮了。

  以上這里為各位分享了HBuilderX進行調(diào)試的詳細(xì)操作過程。有需要的朋友趕快來看看本篇文章吧。

相關(guān)文章

最新教程 更多

原神解凍所有碎片位置在哪?-原神解凍所有碎片位置攻略 原神解凍所有碎片位置在哪?-原神解凍所有碎片位置攻略

原神怎么和好友一起玩?-原神和好友一起玩教程 原神怎么和好友一起玩?-原神和好友一起玩教程

Microsoft Visio如何插入圖片-Microsoft Visio插入圖片的方法 Microsoft Visio如何插入圖片-Microsoft Visio插入圖片的方法

Microsoft Visio如何繪制甘特圖-Microsoft Visio繪制甘特圖的方法 Microsoft Visio如何繪制甘特圖-Microsoft Visio繪制甘特圖的方法

Microsoft Visio如何插入CAD繪圖-Microsoft Visio插入CAD繪圖的方法 Microsoft Visio如何插入CAD繪圖-Microsoft Visio插入CAD繪圖的方法

熱門教程 更多

電腦重裝系統(tǒng)后沒聲音怎么辦-驅(qū)動精靈教程 電腦重裝系統(tǒng)后沒聲音怎么辦-驅(qū)動精靈教程

谷歌瀏覽器怎么清除緩存-谷歌瀏覽器清除緩存的方法 谷歌瀏覽器怎么清除緩存-谷歌瀏覽器清除緩存的方法

金山打字通怎么練打字-金山打字通練習(xí)打字方法 金山打字通怎么練打字-金山打字通練習(xí)打字方法

bootcamp驅(qū)動如何升級?bootcamp驅(qū)動升級方法 bootcamp驅(qū)動如何升級?bootcamp驅(qū)動升級方法

qq音樂皮膚怎么換?-qq音樂換皮膚方法 qq音樂皮膚怎么換?-qq音樂換皮膚方法