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

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

作者:小魚(yú)兒 日期:2024-05-11

HBuilderX
HBuilderX-4.56

編程工具 占存:52.92 MB 時(shí)間:2022-12-26

軟件介紹: BuilderXHTML語(yǔ)法兼容。HBuilderX-高效極客技巧 ide側(cè)重于某種語(yǔ)言的語(yǔ)法分析、提示、轉(zhuǎn)到定...

立即下載

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

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

s.jpg

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

S.png

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

s1.jpg

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

s1.png

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

ss.jpg

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

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

相關(guān)文章

最新教程 更多

wps office怎么設(shè)置保存多文檔-wps office設(shè)置保存多文檔的方法 wps office怎么設(shè)置保存多文檔-wps office設(shè)置保存多文檔的方法

wps office怎么設(shè)置PPT網(wǎng)格間距-wps office設(shè)置PPT網(wǎng)格間距的方法 wps office怎么設(shè)置PPT網(wǎng)格間距-wps office設(shè)置PPT網(wǎng)格間距的方法

希沃白板5怎么插入圖片?-希沃白板5插入圖片的方法 希沃白板5怎么插入圖片?-希沃白板5插入圖片的方法

希沃白板5怎么導(dǎo)出ppt?-希沃白板5導(dǎo)出ppt的方法 希沃白板5怎么導(dǎo)出ppt?-希沃白板5導(dǎo)出ppt的方法

wps office怎么進(jìn)行文字異形裁剪-wps office進(jìn)行文字異形裁剪的方法 wps office怎么進(jìn)行文字異形裁剪-wps office進(jìn)行文字異形裁剪的方法

熱門(mén)教程 更多

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

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

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

bootcamp驅(qū)動(dòng)如何升級(jí)?bootcamp驅(qū)動(dòng)升級(jí)方法 bootcamp驅(qū)動(dòng)如何升級(jí)?bootcamp驅(qū)動(dòng)升級(jí)方法

qq音樂(lè)皮膚怎么換?-qq音樂(lè)換皮膚方法 qq音樂(lè)皮膚怎么換?-qq音樂(lè)換皮膚方法