hbuilderx 如何调试

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

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

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

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

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

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