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

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

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

HBuilderX
HBuilderX-4.56

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

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

立即下載

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

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

s.jpg

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

S.png

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

s1.jpg

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

s1.png

  在左邊寫代碼,保存時(shí)右邊會(huì)自動(dòng)刷新頁面,很方便調(diào)界面。對(duì)于less、sass等預(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ā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)行文字異形裁剪的方法

熱門教程 更多

電腦重裝系統(tǒng)后沒聲音怎么辦-驅(qū)動(dòng)精靈教程 電腦重裝系統(tǒng)后沒聲音怎么辦-驅(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音樂皮膚怎么換?-qq音樂換皮膚方法 qq音樂皮膚怎么換?-qq音樂換皮膚方法