hbuilderx如何调试 HBuilderX进行调试的操作过程

HBuilderX是如何进行调试的 , 需要的一起朋友肯定很想知道 , 今日就快来学习本文HBuilderX进行调试操作过程吧 , 相信在以后的使用中一定会得心应手的 , 一起来看看吧!
HBuilderX进行调试的操作过程

hbuilderx如何调试 HBuilderX进行调试的操作过程

文章插图
进行简单设置把其调成竖直的屏幕样式 , 其他设置根据自己需要来设置 , 如设置手机款式 , 好友分辨率等 , 来模拟真机达到相同的效果 。
hbuilderx如何调试 HBuilderX进行调试的操作过程

文章插图
打开hBuilder , 找到运行按钮 , 点击进行连接;通常情况下 , 是不会连接成功的 , 还要进行一些其他的设置 , 需要将hBuilder上的工具 。
hbuilderx如何调试 HBuilderX进行调试的操作过程

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

文章插图
设置内置web服务器的IP地址为自己电脑的地址 , 及端口号 , 确保端口号不冲突 。
hbuilderx如何调试 HBuilderX进行调试的操作过程

文章插图
在左边写代码 , 保存时右边会自动刷新页面 , 很方便调界面 。对于less、sass等预编译语言 , 在ctrl+s后自动输出css后 , 也会继续激活浏览器的刷新 。
hbuilderx如何调试 HBuilderX进行调试的操作过程

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

    推荐阅读