使用Hbuilder编辑器进行移动端页面调试

最新推荐文章于 2025-03-06 11:00:59 发布
最新推荐文章于 2025-03-06 11:00:59 发布
阅读量1.8w 收藏 5
点赞数
分类专栏： 前端移动开发 文章标签： 移动 调试 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014046533/article/details/77429521
版权

前言：之前调试测试移动页面，用的Wampserver集成的服务器软件，
需要在修改apache的配置文件，用起来还需要要另外开启这个服务器，稍微麻烦了些，后来同事介绍了这个方法觉的不错，分享下。

  1. 打开Hbuilder 里的工具栏下的“边看边改模式”下方有个二维码

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

这里写图片描述

这里写图片描述

  1. 用手机扫描二维码便可以在手机端查看页面
hbuilderx简单网页代码_使用Hbuilderx 写一个极简酷酷的手机桌面
weixin_39684995的博客
11-23 3417
如题，由于受到相应类别的软件的启发，故此书写一个简单实用的手机桌面，熟悉下代码效果图，楼主个人原因，软件列表做了虚化处理代码部分<template>//页面的渲染列表的代码部分<view class="bgColor"><view style="display: inline;line-height: 26px;" v-for="(item, index) ...
uni-app开发移动端工程使用HBuilderX打包APK操作流程
weixin_42207182的博客
04-29 1066
使用uni-app开发并打包成APP的流程涉及几个关键步骤：环境配置、项目开发、调试测试、打包发布。uni-app是一个使用Vue.js开发所有前端应用的框架，支持发布到iOS、Android、Web等多个平台。
Hbulider 边改边看
qq_43835745的博客
05-10 2765
在HBuilder右上角，可以修改编辑模 如截图： 刚开始的我选择了边看边改模式后发现显示的 页面时空白的，以为哪里出错了，各种查，才 知道要保存之后视图才会显示。 快捷键ctrl+s 保存 ...
uniapp项目在HBuilder中连接真机调试步骤
最新发布
Gjing_123的博客
03-06 649
uniapp项目在HBuilder中连接真机调试步骤
HBuilderX的uniapp项目APP之Webview调试（像开发网页一样开发APP）
qq_46141063的博客
01-12 4056
关于uniapp项目APP之Webview调试的详解，有图有真相，不会你K我！
HbuilderX中 华为手机 真机调试
Gblfy_Blog
05-28 4922
文章目录一、场景浮现1. 真机运行2. 问题描述二、解决方案2.1. 终端设置2.2. 开启开发者模式2.3. 开启USB调试2.4. 连接模式选择2.5. 重新运行2.6. 选择设备2.7. 手机真机调试 一、场景浮现 1. 真机运行 直接运行Hbuilder中的“运行”，无法显示对应设备 2. 问题描述 二、解决方案 2.1. 终端设置 2.2. 开启开发者模式 进入手机打开设置=》关于手机，不停点击版本号，直到提示，已开启开发者模式 2.3. 开启USB调试 在设置里搜索 开发人员选项。打开
记录HBuilderX将uniapp项目运行到华为手机
lanren312的博客
06-20 6731
解压并运行刚从官网下载的HBuilder X，新建一个项目。
HBuilder X 通过USB连接 Android手机进行代码调试
u010822903的博客
03-13 4915
HBuilder X 无线连接 Android手机进行代码调试-CSDN博客。
HBuilder使用之通过扫描二维码浏览本地静态页面
11-14
使用HBuilder的二维码预览功能可以在无需上传服务器的情况下快速地在手机上查看页面效果，这对于快速迭代和调试非常有帮助。 #### 知识点三：如何通过HBuilder生成二维码预览静态页面 1. **安装并启动HBuilder**：...
HBuilderX.4.29.2024093009.zip
10-07
HBuilderX是一款流行的集成开发环境（IDE）...HBuilderX.4.29.2024093009是一个功能全面且用户体验优秀的前端开发IDE，它集成了代码编写、调试、预览等一体化的功能，非常适合需要进行快速开发的个人开发者和团队使用。
从小白到入门的 HBuilderX 使用指南
03-18
- 设备模拟：HBuilderX内置多种设备模型，方便移动端页面的预览和调试。 6. **调试工具** - 调试器：对于Vue.js项目，HBuilderX提供Vue DevTools，便于调试组件和数据。 - 日志查看：使用`console.log()`打印...
HBuilderX开发工具：极客必备的代码编辑器
在性能方面，HBuilderX使用了DCloud公司自主研发的代码编辑器核心“uni-app”，该核心基于Electron，可以运行在Windows、Mac和Linux等多个平台，兼容性好，运行效率高。HBuilderX还引入了“流式渲染”技术，可以做到...
HBuilder开发MUI web app溢出页面上下无法滚动问题
dianshe9581的博客
07-19 548
因为没有对页面初始化，所以页面溢出部分不会显示，要解决此问题需要加上下面代码： JS代码： (function($){$(".mui-scroll-wrapper").scroll({bounce: false,//滚动条是否有弹力默认是trueindicators: false, //是否显示滚动条,默认是true});})(mui); 转载于:https://www.cnblo...
HbuilderX安装后打开，显示不全且无法拖动
梦凝哲雪
09-04 3874
HBuilder X 使用标准或开发板 安装完后打开，选项栏目显示不全，且无法拖动 效果如图 解决方案 使用快捷键最大化，win + ^ (向上方向键) 选项卡 可以显示并可以拖动
HBuilderX运行真实手机教程(安卓)
为千万同胞少走弯路而写文！！！
05-17 2540
uni-app项目，HBuilderX运行安卓真实手机教程，华为荣耀10示例！
HbuilderX 安装后显示不全，无法拖动如何解决
weixin_38779534的博客
08-31 1207
这一下把我给看懵了，怎么拖也拖不动，连个关闭按钮也看不到，关了重启，卸载重装，关机重启，都不行，都这个样子，这不就逼死一个强迫症了吗 终于在社区看到有别的小朋友也被坑了，然后大佬的回答，天呐。。。这可是2021年啊，现在还没有解决，也是绝了。。。。 这不才像个人样吗。。。。。 ...
HBuilderx运行手机测试
qq_41853447的博客
02-09 9434
HBuilderx运行手机测试 HBuilderX运行到手机。需要在手机上打开开发者模式才HBuilderX才可以识别时候，只有 HBuilderX识别出手机信息，才能运行到手机上。第一次在手机上运行，会自动下载HBuilder这个软件并安装就，今后测测试就是在这个软件里面测试的。 一、手机开发模式打开和关闭 手机的开发模式会因手机而异，我目前使用的是 华为nova7pro。 打开开发者模式 第一步 打开手机设置 ——> 关于手机。 多点击几次版本号就可以打开了，如果手机设置密码锁，会提示输入密码
如何利用Hbuilder真机调试安卓手机【小米、华为】
热门推荐
kouryoushine的博客
07-19 1万+
背景 最近利用hbuilder开发安卓的app，虽然通过浏览器的开发者工具可以模拟，但最好是通过真机测试才能保证功能实际和预期效果一致。另外有些Html5+的api也只有通过真机调试才能看出来效果。 工具准备 HbuilderX的工具，官网下载直接安装就好。 新建一个Html5+的项目，mui的项目。把H5的js、css、html5等copy到项目。 电脑下载360手机助手PC版，手机下载360...
使用HBuilder X 开发移动端
枫叶
05-16 2996
一、运行程序 1、mobile-uniapp 在HBuilder X编辑器如何运行 在编辑器中直接连接svn，down代码也行，本地小乌龟拉下来导入编辑器也行 设置你的微信开发工具安装目录，方便使用微信小程序运行移动端 1、设置微信appid 2、设置完成以后点击运行微信开发者工具，当前编辑器会自动编译项目，编译成功后会调起微信开发工具 3、需要注意的是如果在编译阶段报错需要打开微信开发者工具把这个选上 4、这个就是咱们移动端的样式了，微信开发者工具需要注册登录，我没有注册开发者，appid使用的是
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值