編程工具 占存：52.75 MB 時間：2022-12-26
軟件介紹: HBuilderX編輯器是DCloud全新推出的一款HTML5的Web開發工具。軟件體積小，啟動快，HBuilderX為您...
相信才安裝HBuilderX軟件的朋友還不太了解進行調試的操作，而小編今天就帶來了有關HBuilderX進行調試的操作過程，有需要的小伙伴們一起學習一下吧!
進行簡單設置把其調成豎直的屏幕樣式，其他設置根據自己需要來設置，如設置手機款式，好友分辨率等，來模擬真機達到相同的效果。
打開hBuilder，找到運行按鈕，點擊進行連接;通常情況下，是不會連接成功的，還要進行一些其他的設置，需要將hBuilder上的工具。
連接成功就會出現連接頁面，可看著頁面進行更改，但是處理時會出現一些問題，當做出更改的時候可能會沒有變化，這時需要雙擊這個按鈕從新打開進行調試就可以了。
設置內置web服務器的IP地址為自己電腦的地址，及端口號，確保端口號不沖突。
在左邊寫代碼，保存時右邊會自動刷新頁面，很方便調界面。對于less、sass等預編譯語言，在ctrl+s后自動輸出css后，也會繼續激活瀏覽器的刷新。
代碼里的一個div點右鍵，選“高亮瀏覽器內對應元素”，就會看到右側瀏覽器里指定的元素高亮了。
以上這里為各位分享了HBuilderX進行調試的詳細操作過程。有需要的朋友趕快來看看本篇文章吧。
視頻格式轉換后如何保持原音質和畫質？分享無損轉換的3個技巧！（詳細教程）
