系统下载、安装、激活,就到系统天地来!

所在位置: 首页 — 系统文章 — 软件教程

HBuilderX进行调试的详细图文教程

作者:系统天地 日期:2022-02-16

HBuilderX进行调试的图文方法

HBuilderX进行调试的图文方法

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

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

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

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

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

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

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