HBuilderX调试的图形化方法

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

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

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

将内置web服务器的IP地址设置为自己电脑的地址和端口号，确保端口号不冲突。

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

右键单击代码中的一个div，在高亮显示的浏览器中选择相应的元素，会看到右侧浏览器中指定的元素高亮显示。

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