分享HBuilderX进行调试的操作过程 分享的意义

相信很多朋友都遇到过以下问题,就是HBuilderX进行调试的操作过程 。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个HBuilderX进行调试的操作过程的解答 。希望看完这个教程之后能够解决大家HBuilderX进行调试的操作过程的相关问题 。
HBuilderX是如何进行调试的,需要的一起朋友肯定很想知道,今日就快来学习本文HBuilderX进行调试操作过程吧,相信在以后的使用中一定会得心应手的,一起来看看吧!
HBuilderX进行调试的操作过程

分享HBuilderX进行调试的操作过程 分享的意义


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

分享HBuilderX进行调试的操作过程 分享的意义


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

分享HBuilderX进行调试的操作过程 分享的意义


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

分享HBuilderX进行调试的操作过程 分享的意义


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

分享HBuilderX进行调试的操作过程 分享的意义


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

分享HBuilderX进行调试的操作过程 分享的意义


代码里的一个div点右键,选“高亮浏览器内对应元素”,就会看到右侧浏览器里指定的元素高亮了 。
【分享HBuilderX进行调试的操作过程 分享的意义】以上这里为各位分享了HBuilderX进行调试的详细操作过程 。有需要的朋友赶快来看看本篇文章吧 。

    推荐阅读