找软件用软件,就到华军软件园!
所在位置: 首页 — 教程攻略 — 教程 — 电脑软件教程  —  HBuilderX...

HBuilderX进行调试的详细操作过程

作者:小鱼儿 日期:2024-05-11

HBuilderX
HBuilderX-5.05.2026032417

编程工具 占存:52.92 MB 时间:2022-12-26

软件介绍: BuilderXHTML语法兼容。HBuilderX-高效极客技巧 ide侧重于某种语言的语法分析、提示、转到定...

立即下载

  相信才安装HBuilderX软件的朋友还不太了解进行调试的操作,而小编今天就带来了有关HBuilderX进行调试的操作过程,有需要的小伙伴们一起学习一下吧!

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

s.jpg

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

S.png

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

s1.jpg

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

s1.png

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

ss.jpg

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

  以上这里为各位分享了HBuilderX进行调试的详细操作过程。有需要的朋友赶快来看看本篇文章吧。

相关文章

您好,如有软件收录需求,请将软件打包,并附上软件名称、软件介绍、软件相关截图、软件icon、软著、营业执照(个人没有营业执照请提供对应的开发者身份证正反面以及手持身份证本人照片),发送至邮箱

https://user.onlinedown.net/login

扫码添加企业微信

如有产品建议或问题反馈,欢迎告诉我们,您的意见是我们进步的动力!

扫码添加官方公众号