网站首页  软件下载  游戏下载  翻译软件  电子书下载  电影下载  电视剧下载  教程攻略

请输入您要查询的教程攻略:

 

标题 HBuilderX进行调试的详细操作过程
分类 教程攻略-教程-电脑软件教程
内容
      相信才安装HBuilderX软件的朋友还不太了解进行调试的操作,而小编今天就带来了有关HBuilderX进行调试的操作过程,有需要的小伙伴们一起学习一下吧!
      进行简单设置把其调成竖直的屏幕样式,其他设置根据自己需要来设置,如设置手机款式,好友分辨率等,来模拟真机达到相同的效果。
    s.jpg
      打开hBuilder,找到运行按钮,点击进行连接;通常情况下,是不会连接成功的,还要进行一些其他的设置,需要将hBuilder上的工具。
    S.png
      连接成功就会出现连接页面,可看着页面进行更改,但是处理时会出现一些问题,当做出更改的时候可能会没有变化,这时需要双击这个按钮从新打开进行调试就可以了。
    s1.jpg
      设置内置web服务器的IP地址为自己电脑的地址,及端口号,确保端口号不冲突。
    s1.png
      在左边写代码,保存时右边会自动刷新页面,很方便调界面。对于less、sass等预编译语言,在ctrl+s后自动输出css后,也会继续激活浏览器的刷新。
    ss.jpg
      代码里的一个div点右键,选“高亮浏览器内对应元素”,就会看到右侧浏览器里指定的元素高亮了。
      以上这里为各位分享了HBuilderX进行调试的详细操作过程。有需要的朋友赶快来看看本篇文章吧。
随便看

 

霍普软件下载网教程攻略栏目提供软件使用教程、手机游戏攻略等方法技巧。

 

Copyright © 2002-2024 101bt.net All Rights Reserved
更新时间:2025/5/28 1:00:50