hbuilder手机版中文版
v9.9.1安卓版
HBuilder安卓版功能:
1. 真机调试与实时预览 (核心功能)
-
无线连接调试:通过 Wi-Fi 与 PC 端 HBuilderX 连接,实现代码修改后毫秒级同步刷新到手机屏幕,无需数据线,极大提升开发效率。
-
多端预览:支持预览 Uni-app、5+ App、Web 项目在不同分辨率和系统版本下的真实运行效果,自动适配 iOS 和 Android 环境。
-
Console 日志查看:实时捕获并显示 JavaScript 错误、console.log 输出及网络请求信息,方便开发者在手机上直接排查 Bug。
-
元素审查 (Inspect):部分版本支持类似 Chrome DevTools 的元素查看功能,可调试 DOM 结构和 CSS 样式。
2. 轻量级代码编辑
-
语法高亮:支持 HTML、CSS、JavaScript、Vue、Uni-app 等主流前端语言的语法高亮显示,代码结构清晰。
-
智能提示:提供基础的代码补全和标签闭合功能,适合进行紧急的代码修改或简单的脚本编写。
-
文件管理:内置文件浏览器,可管理手机本地存储、SD 卡及项目目录中的文件,支持新建、重命名、删除及复制操作。
3. App 安装与管理
-
基座安装:一键安装 HBuilder 提供的“标准基座”或“自定义基座”,这是进行真机调试的前提环境。
-
应用打包预览:配合云端打包服务,可直接在手机上安装正在开发中的 App 安装包进行测试,无需经过应用商店。
-
版本管理:方便开发者在同一台设备上切换不同版本的测试包,进行兼容性测试。
4. 性能分析与优化
-
性能监控:实时显示 App 运行时的 CPU 占用、内存使用率及 FPS(帧率),帮助开发者发现性能瓶颈。
-
网络抓包:集成简单的网络请求监控,查看 API 接口的响应时间、状态码及返回数据,辅助后端联调。
5. DCloud 生态集成
-
插件市场访问:可直接浏览 DCloud 插件市场,查看插件详情,虽然安装通常需在 PC 端完成,但手机版可作为查阅手册的便捷入口。
-
云打包状态查询:查看云端打包任务的进度和结果,下载生成的安装包。
hbuilder手机版使用教程
第一阶段:环境准备
1. 电脑端设置 (HBuilderX)
-
下载安装:确保电脑已安装最新版 HBuilderX。
-
开启服务:
-
打开 HBuilderX,点击菜单栏
运行->运行到手机或模拟器->运行到手机或模拟器 - 配置。 -
确保勾选了 “启用 WiFi 调试”。
-
记下显示的 IP 地址 和 端口号(默认通常是
5849)。
-
-
创建项目:新建一个 Uni-app 或 5+ Web 项目,编写简单的测试代码(如修改
<template>中的文字)。
2. 手机端设置 (Android/iOS)
-
下载安装:
-
Android:在 DCloud 官网或通过电脑端 HBuilderX 推送安装“HBuilder 基座”App(通常在
运行菜单中可自动安装)。 -
iOS:需通过 Xcode 安装自定义基座,或使用官方提供的测试版基座(较复杂,建议 Android 用户首选)。
-
-
连接同一 WiFi:关键步骤! 确保手机和电脑连接在同一个局域网 WiFi下(不能一个是 WiFi 一个是 4G/5G)。
-
关闭防火墙(可选):如果连接失败,尝试暂时关闭电脑的防火墙或允许 HBuilderX 通过防火墙。
第二阶段:连接与调试
1. 启动基座 App
-
在手机桌面找到并打开 HBuilder (或名为
HBuilder 基座) 的图标。 -
首次打开可能会提示获取网络权限,请允许。
2. 建立连接
-
方式 A:自动扫描(推荐)
-
在电脑端 HBuilderX 中,点击工具栏的绿色三角形图标
运行->运行到手机或模拟器。 -
选择你的设备名称(如
Mi 10或iPhone 13)。 -
手机基座 App 会自动弹出连接请求,点击 “允许” 或 “确认”。
-
-
方式 B:手动输入 IP
-
如果自动扫描失败,打开手机基座 App。
-
点击界面上的 “扫码连接” 或 “手动输入”。
-
输入电脑端显示的 IP 地址和端口号(例如
192.168.1.5:5849)。 -
点击连接,状态显示 “已连接” 即成功。
-
3. 实时预览与热更新
-
代码同步:在电脑端修改代码并保存 (
Ctrl+S)。 -
自动刷新:手机屏幕会瞬间自动刷新,显示最新效果,无需重新编译或安装。
-
查看日志:
-
手机基座 App 通常有一个 “Console” 或 “日志” 按钮。
-
点击可查看
console.log输出、JS 报错信息及网络请求详情,方便排查 Bug。
-
第三阶段:高级功能使用
1. 自定义基座打包测试
-
如果你的项目使用了原生插件或特殊权限,标准基座可能无法运行。
-
操作:在 HBuilderX 中配置
manifest.json-> 点击运行->运行到手机或模拟器 - 制作自定义基座。 -
生成后,HBuilderX 会自动将自定义基座安装到手机,并运行项目。
2. 元素审查 (Inspect)
-
部分新版基座支持简单的 DOM 审查。
-
在电脑端 HBuilderX 中,点击
运行->调试->真机调试。 -
会弹出一个类似 Chrome DevTools 的窗口,可以实时查看和修改手机页面的 CSS 样式及 DOM 结构。
3. 离线查看与文件管理
-
基座 App 内通常包含一个简单的文件管理器,可以查看手机内部存储中与 HBuilder 相关的临时文件。
-
支持查看已缓存的项目资源,但不支持直接在手机上编写复杂代码(仅适合紧急微调)。


































