hbuilder 调试(hbuilderx使用方法)

HBuilderX调试的图形化方法

只需将其设置为竖屏风格，并根据自己的需求设置其他设置，例如设置手机风格、朋友分辨率等。来模拟真机达到同样的效果。

打开HBuilder，找到运行按钮，点击连接；通常情况下，连接不会成功，还需要进行一些其他设置，并需要放置hBuilder上的工具。

如果连接成功，将出现连接页面。您可以查看页面进行更改，但在处理过程中会出现一些问题。当做出改变时，它们可能不会改变。此时，您需要双击此按钮并重新打开它进行调试。

将内置web服务器的IP地址设置为您自己计算机的地址和端口号，以确保端口号不会冲突。

将代码写在左边。保存时页面右侧会自动刷新，方便调整界面。对于less和sass等预编译语言，在CTRL S后自动输出css后，浏览器刷新将继续激活。

右键单击代码中的一个div，在突出显示的浏览器中选择相应的元素，您将看到右侧浏览器中的指定元素被突出显示。

以上是边肖分享的调试HBuilderX的图解步骤。让我们一起学习。相信可以帮助到一些新用户。