无忧支付网首页
您当前的位置:主页 > 每日热点

hbuilderx使用教程(hbuilderx怎么调出控制台)

发布人:hao333   添加时间:2023-07-18 16:29:21

HBuilderX调试的图形化方法

hbuilderx使用教程(hbuilderx怎么调出控制台)

简单设置为竖屏风格,其他设置根据自己的需求,比如设置手机风格、好友分辨率等。来模拟真机达到同样的效果。

hbuilderx使用教程(hbuilderx怎么调出控制台)打开HBuilder,找到运行按钮,点击连接;通常连接不会成功,还需要做一些其他的设置,还需要放上hBuilder上的工具。

hbuilderx使用教程(hbuilderx怎么调出控制台)如果连接成功,将出现连接页面。您可以查看页面进行更改,但在处理过程中会出现一些问题。当改变发生时,它们可能不会改变。这时候需要双击这个按钮,重新打开调试。

hbuilderx使用教程(hbuilderx怎么调出控制台)将内置web服务器的IP地址设置为自己电脑的地址和端口号,确保端口号不冲突。

hbuilderx使用教程(hbuilderx怎么调出控制台)将代码写在左边。保存时页面会自动在右侧刷新,方便调整界面。对于less、sass等预编译语言,在CTRL S后自动输出css后,浏览器刷新会继续激活。

hbuilderx使用教程(hbuilderx怎么调出控制台)右键单击代码中的一个div,在高亮显示的浏览器中选择相应的元素,会看到右侧浏览器中指定的元素高亮显示。

以上是边肖分享的调试HBuilderX的图解步骤。让我们一起学习。相信可以帮助到一些新用户。