HBuilderX調(diào)試的圖形化方法
簡(jiǎn)單設(shè)置為豎屏風(fēng)格，其他設(shè)置根據(jù)自己的需求，比如設(shè)置手機(jī)風(fēng)格、好友分辨率等。來(lái)模擬真機(jī)達(dá)到同樣的效果。
打開HBuilder，找到運(yùn)行按鈕，點(diǎn)擊連接；通常連接不會(huì)成功，還需要做一些其他的設(shè)置，還需要放上hBuilder上的工具。
如果連接成功，將出現(xiàn)連接頁(yè)面。您可以查看頁(yè)面進(jìn)行更改，但在處理過(guò)程中會(huì)出現(xiàn)一些問(wèn)題。當(dāng)改變發(fā)生時(shí)，它們可能不會(huì)改變。這時(shí)候需要雙擊這個(gè)按鈕，重新打開調(diào)試。
將內(nèi)置web服務(wù)器的IP地址設(shè)置為自己電腦的地址和端口號(hào)，確保端口號(hào)不沖突。
將代碼寫在左邊。保存時(shí)頁(yè)面會(huì)自動(dòng)在右側(cè)刷新，方便調(diào)整界面。對(duì)于less、sass等預(yù)編譯語(yǔ)言，在CTRL S后自動(dòng)輸出css后，瀏覽器刷新會(huì)繼續(xù)激活。
右鍵單擊代碼中的一個(gè)div，在高亮顯示的瀏覽器中選擇相應(yīng)的元素，會(huì)看到右側(cè)瀏覽器中指定的元素高亮顯示。
以上是邊肖分享的調(diào)試HBuilderX的圖解步驟。讓我們一起學(xué)習(xí)。相信可以幫助到一些新用戶。
