編程工具 占存: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è)置手機款式,好友分辨率等,來模擬真機達到相同的效果。
打開hBuilder,找到運行按鈕,點擊進行連接;通常情況下,是不會連接成功的,還要進行一些其他的設(shè)置,需要將hBuilder上的工具。
連接成功就會出現(xiàn)連接頁面,可看著頁面進行更改,但是處理時會出現(xiàn)一些問題,當(dāng)做出更改的時候可能會沒有變化,這時需要雙擊這個按鈕從新打開進行調(diào)試就可以了。
設(shè)置內(nèi)置web服務(wù)器的IP地址為自己電腦的地址,及端口號,確保端口號不沖突。
在左邊寫代碼,保存時右邊會自動刷新頁面,很方便調(diào)界面。對于less、sass等預(yù)編譯語言,在ctrl+s后自動輸出css后,也會繼續(xù)激活瀏覽器的刷新。
代碼里的一個div點右鍵,選“高亮瀏覽器內(nèi)對應(yīng)元素”,就會看到右側(cè)瀏覽器里指定的元素高亮了。
以上這里為各位分享了HBuilderX進行調(diào)試的詳細(xì)操作過程。有需要的朋友趕快來看看本篇文章吧。