hbuilder手机版中文版

hbuilder手机版中文版

官方

系统:Android

日期:2026-03-02

类别:安卓其它

版本:v9.9.1安卓版

  • 详情
  • 相关
HBuilder安卓版是DCloud推出的移动端轻量级代码编辑器,专为开发者打造随时随地的编程环境。它完美继承PC版核心功能,支持HTML5、CSS3、JavaScript及Vue/Uni-app语法高亮与智能提示,具备代码压缩、格式化及实时预览能力。内置文件管理与Git版本控制,可直连手机调试Web应用,无需电脑即可修改代码、查看效果。界面简洁流畅,插件生态丰富,是前端开发者进行紧急修复、灵感记录及移动办公的高效利器,让 coding 不再受地点限制。

hbuilder

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 相关的临时文件。

  • 支持查看已缓存的项目资源,但不支持直接在手机上编写复杂代码(仅适合紧急微调)。

 

展开内容

应用信息

  • 厂商:
  • 权限:查看
  • 包名:io.dcloud.HBuilder

更多版本

同类排行
需要授予该应用的权限X
获取网络状态 获取网络信息状态,如当前的网络连接是否有效 ------------------------------------- 获取任务信息 允许程序获取当前或最近运行的应用 ------------------------------------- 改变网络状态 改变网络状态如是否能联网 ------------------------------------- 读取联系人 允许应用访问联系人通讯录信息 ------------------------------------- 获取WiFi状态 获取当前WiFi接入的状态以及WLAN热点的信息 ------------------------------------- 写入联系人 写入联系人,但不可读取 ------------------------------------- 拍照权限 允许访问摄像头进行拍照 ------------------------------------- 访问账户Gmail列表 访问GMail账户列表 ------------------------------------- 录音 录制声音通过手机或耳机的麦克 ------------------------------------- 发送短信 发送短信 ------------------------------------- 读取电话状态 访问电话状态 ------------------------------------- 使用闪光灯 允许访问闪光灯 ------------------------------------- 编写短信 允许编写短信 ------------------------------------- 读取短信内容 读取短信内容 ------------------------------------- 访问网络 访问网络连接,可能产生GPRS流量 ------------------------------------- 写入外部存储 允许程序写入外部存储,如SD卡上写文件 ------------------------------------- 获取网络状态 获取网络信息状态,如当前的网络连接是否有效 ------------------------------------- 获取WiFi状态 获取当前WiFi接入的状态以及WLAN热点的信息 ------------------------------------- 安装应用程序 允许程序安装应用 ------------------------------------- 获取粗略位置 通过WiFi或移动基站的方式获取用户错略的经纬度信息,定位精度大概误差在30~1500米 ------------------------------------- 获取精确位置 通过GPS芯片接收卫星的定位信息,定位精度达10米以内 ------------------------------------- 蓝牙管理 允许程序进行发现和配对新的蓝牙设备 ------------------------------------- 使用蓝牙 允许程序连接配对过的蓝牙设备 ------------------------------------- 读取电话状态 访问电话状态 ------------------------------------- 读取系统日志 读取系统底层日志 ------------------------------------- 开机自动允许 允许程序开机自动运行 ------------------------------------- 获取网络状态 获取网络信息状态,如当前的网络连接是否有效 ------------------------------------- 获取WiFi状态 获取当前WiFi接入的状态以及WLAN热点的信息 ------------------------------------- 改变WiFi状态 改变WiFi状态 ------------------------------------- 访问网络 访问网络连接,可能产生GPRS流量 ------------------------------------- 写入外部存储 允许程序写入外部存储,如SD卡上写文件 ------------------------------------- 访问定位额外命令 允许程序访问额外的定位提供者指令 ------------------------------------- 录音 录制声音通过手机或耳机的麦克 ------------------------------------- 改变网络状态 改变网络状态如是否能联网 ------------------------------------- 写入外部存储 允许程序写入外部存储,如SD卡上写文件 ------------------------------------- 使用振动 允许振动 ------------------------------------- 获取任务信息 允许程序获取当前或最近运行的应用 ------------------------------------- 显示系统窗口 显示系统窗口 ------------------------------------- 修改声音设置 修改声音设置信息 ------------------------------------- 挂载文件系统 挂载、反挂载外部文件系统 ------------------------------------- 读写系统设置 允许读写系统设置项 ------------------------------------- 访问外部存储 访问外部存储的权限 ------------------------------------- 结束系统任务 结束任务通过restartPackage(String)方法,该方式将在外来放弃 -------------------------------------