相信才安装HBuilderX软件的朋友还不太了解进行调试的操作,而小编今天就带来了有关HBuilderX进行调试的操作过程,有需要的小伙伴们一起学习一下吧! 进行简单设置把其调成竖直的屏幕样式,其他设置根据自己需要来设置,如设置手机款式,好友分辨率等,来模拟真机达到相同的效果。 打开hBuilder,找到运行按钮,点击进行连接;通常情况下,是不会连接成功的,还要进行一些其他的设置,需要将hBuilder上的工具。 连接成功就会出现连接页面,可看着页面进行更改,但是处理时会出现一些问题,当做出更改的时候可能会没有变化,这时需要双击这个按钮从新打开进行调试就可以了。 设置内置web服务器的IP地址为自己电脑的地址,及端口号,确保端口号不冲突。 在左边写代码,保存时右边会自动刷新页面,很方便调界面。对于less、sass等预编译语言,在ctrl+s后自动输出css后,也会继续激活浏览器的刷新。 代码里的一个div点右键,选“高亮浏览器内对应元素”,就会看到右侧浏览器里指定的元素高亮了。 以上这里为各位分享了HBuilderX进行调试的详细操作过程。有需要的朋友赶快来看看本篇文章吧。 |
正在阅读:HBuilderX怎么调试 HBuilderX进行调试的教程HBuilderX怎么调试 HBuilderX进行调试的教程
2019-07-05 16:56
出处:其他
责任编辑:lixianmei
- HBuilderX系列软件最新版本下载
- HBuilderX软件版本:1.1.0.20181030编程开发立即查看
- HBuilderX 软件版本:Mac版编程开发立即查看
相关文章
hbuilderx的标题如何变更【详解】
hbuilderx怎么开启代码助手hbuilderx开启代码助手方法
hbuilderx怎么新建窗体hbuilderx新建窗体方法
hbuilderx怎么显示行号hbuilderx显示行号方法
hbuilderx怎么查找索引符号hbuilderx查找索引符号教程
hbuilderx怎么设置制表符长度hbuilderx设置制表符长度方法
hbuilderx怎么编辑字体hbuilderx编辑字体教程
hbuilderx怎么创建页面hbuilderx创建页面教程
hbuilderx怎么扩大选区hbuilderx扩大选区方法
hbuilderx怎么设置和取消书签hbuilderx设置和取消书签方法