HBuilderX进行调试的图文方法

好酷屋教程网小编为您收集和整理了HBuilderX进行调试的图文方法的相关教程：小伙伴们你们知道在HBuilderX如何进行调试呢?今天小编很乐意与大家分享在HBuilderX进行调试的图文方法，感兴趣的可以来了解了解哦。HBuilderX进行调试的图文方法进行简单设置将

小伙伴们你们知道在HBuilderX如何进行调试呢?今天小编很乐意与大家分享在HBuilderX进行调试的图文方法，感兴趣的可以来了解了解哦。

HBuilderX进行调试的图文方法

进行简单设置将其调成竖直的屏幕样式，其他设置根据自己需要来设置，如设置手机款式，好友分辨率等，来模拟真机达到相同的效果。

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

连接成功就会出现连接页面，可看着页面进行更改，但处理时会出现一些问题，当做出更改的时候可能会没有变化，这时需要双击这个按钮从新打开进行调试就行了。

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

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

代码里的一个div点右键，选高亮浏览器内对应元素，就会看到右侧浏览器里指定的元素高亮了。

上面就是小编为大家分享的HBuilderX进行调试的图文步骤，一起来学习学习吧。相信是可以帮助到一些新用户的。

以上就是好酷屋教程网小编为您收集和整理的HBuilderX进行调试的图文方法相关内容，如果对您有帮助，请帮忙分享这篇文章^_^

本文来源： https://www.haoku5.com/IT/6458d7211f26c472a307abf3.html

相关推荐