小编分享HBuilderX进行调试的图文方法。

小伙伴们你们知道在HBuilderX如何进行调试呢?今天手机方法网小编很乐意与大家分享在HBuilderX进行调试的图文方法,感兴趣的可以来了解了解哦。

HBuilderX进行调试的图文方法

HBuilderX进行调试的图文方法

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

HBuilderX进行调试的图文方法截图

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

HBuilderX进行调试的图文方法截图

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

HBuilderX进行调试的图文方法截图

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

HBuilderX进行调试的图文方法截图

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

HBuilderX进行调试的图文方法截图

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

上面就是手机方法网小编为大家分享的HBuilderX进行调试的图文步骤,一起来学习学习吧。相信是可以帮助到一些新用户的。

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/265454.html

(0)
春天春天
上一篇 2024年6月15日 11:15
下一篇 2024年6月15日 11:15

相关推荐

  • 教你驱动精灵中关闭开机检测的操作教程方法。

    亲们或许不知道驱动精灵中如何关闭开机检测的详细操作,那么今天手机方法网小编就讲解驱动精灵中关闭开机检测的操作步骤哦,希望能够帮助到大家呢。 驱动精灵中关闭开机检测的操作教程 首先找…

    2024年6月6日
    020
  • 分享淘宝助理中编辑快递单排版的操作教程方法。

    今天手机方法网小编给大家讲解淘宝助理中编辑快递单排版的操作教程,有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的。 淘宝助理中编辑快递单排版的操作教程 首先我们在电脑…

    2024年6月9日
    020
  • 小编分享360系统重装大师怎么卸载。

    360系统重装大师怎么卸载呢,话说不少用户都在咨询这个问题呢?下面就来手机方法网小编这里看下360系统重装大师卸载的方法步骤吧,需要的朋友可以参考下哦。 360系统重装大师怎么卸载…

    2024年6月28日
    020
  • 我来分享淘宝助理中发布宝贝的具体流程讲解。

    现在不少网友不知道淘宝助理中怎样进行发布宝贝的操作,接下来这篇文章就详细介绍淘宝助理中发布宝贝的方法。希望可以帮助到大家! 淘宝助理中发布宝贝的具体流程讲解 1:下载淘宝助理 2:…

    2024年4月27日
    020
  • 小编教你迅雷怎么设置开机启动迅雷。

    在迅雷中可以设置开机启动迅雷,不过很多小伙伴都不清楚怎么设置,下面手机方法网小编就为大家详细的介绍一下,相信一定会帮到玩家们的。 迅雷怎么设置开机启动迅雷?迅雷设置开机启动迅雷操作…

    2024年7月19日
    000
  • 今天分享GreenBrowser浏览器阻止窗口弹出的简单操作。

    GreenBrowser浏览器吸引了很多网友使用,而今天讲解的就是GreenBrowser浏览器阻止窗口弹出的简单操作,想学习GreenBrowser浏览器阻止窗口弹出的教程的,就…

    2024年4月16日
    040
  • 我来教你alldup怎么删除重复文件。

    alldup在扫描用户指定的硬盘分区后会找出重复的文件,这样就不用自己对比查找,那么怎么删除重复文件呢?下面手机方法网小编就为大家详细的介绍一下,大家感兴趣的话就一起来了解下吧! …

    2024年7月19日
    000
  • 教你奥维互动地图电脑版安装步骤。

    今天手机方法网小编为大家带来了奥维互动地图电脑版安装步骤,需要此教程的小伙伴们,可以来了解了解哦。 奥维互动地图电脑版安装步骤 1、首先我们需要先下载奥维互动地图电脑版安装包,下载…

    2024年5月10日
    030
  • 教你wps2019表格边框变成虚线的具体教程方法。

    近段时间有一些在使用wps2019表格的伙伴们,并不是很熟悉其中是怎样边框变成虚线的?今日在这篇文章中就带来了wps2019表格边框变成虚线的具体教程。 wps2019表格边框变成…

    2024年6月11日
    000
  • 教你Beyond。

    今天手机方法网小编讲解了Beyond Compare怎样进行文件和文件夹对比操作步骤,下文就是关于在BeyondCompare进行文件和文件夹对比的操作教程,一起来学习吧! Bey…

    2024年6月9日
    020