7.3一键运行
如下图所示，在弹出菜单中点击“运行到内置浏览器”后，将自动在左边模拟器里显示自带的Demo界面：
文章插图
7.4在内置浏览器中的运行效果
1）Demo的登陆界面运行截图：
文章插图
2）Demo的主界面运行截图：
文章插图
3）Demo运行的同时，可以查看详细的log输出（方便调试）：
文章插图
7.5在电脑浏览器中的运行效果（以Chrome为例）
1）Demo的登陆界面在Chrome中的运行截图：
文章插图
2）Demo的主界面在Chrome中的运行截图：
文章插图
八、Demo运行方法（运行到Android真机）8.1选择要运行的App基座
如下图所示，在弹出菜单中点击“运行到Android App基座”：
文章插图
8.2选择要运行的Android真机
如下图所示，在弹出菜单中选择已通过USB连接的Android手机并点击“运行”：
文章插图
8.3在Android真机上的运行效果
文章插图
九、Demo运行方法（运行到iOS模拟器）9.1 选择要运行的App基座
如下图所示，在弹出菜单中点击“运行到iOS模拟器App基座”：
文章插图
9.2选择正在运行中的iOS模拟器
如下图所示，在弹出菜单中选择已通过XCode启动的iOS模拟器并点击“运行”：
文章插图
9.3 在iOS模拟器上的运行效果
1）Demo运行完整截屏：
文章插图
2）Demo运行实拍照片：
文章插图
十、Demo运行方法（运行到iOS真机）10.1选择要运行的App基座
如下图所示，在弹出菜单中点击“运行到iOS App基座”：
文章插图
10.2配置开发者证书签名等
如下图所示，在弹出菜单中点击“使用Apple证书签名”（以便配置好真机需要的开发者证书等信息）：
文章插图
10.3选择要运行的iOS真机
如下图所示，在弹出菜单中选择已通过USB连接的iOS真机并点击“运行”：
文章插图
10.4在iOS真机上的运行效果
文章插图
十一、Demo运行方法（运行到微信小程序）11.1选择要导出的基座
如下图所示，在弹出菜单中点击“微信开发者工具”（它将自动生成微信小程序并自动找开微信开发者工具）：
文章插图
11.2HBuilderX将自动生成微信小程序
1）HBuilder自动生成微信小程序成功时的控制台日志信息输出（有这样的信息就表示生成成功了）：
文章插图
2）HBuilder会自动打开微信小程序开发工具，并导入上一步中自动生成的微信小程序：
文章插图
十二、Demo运行方法（运行到支付宝小程序）12.1 选择要导出的基座
如下图所示，在弹出菜单中点击“支付宝开发者工具”（它将自动生成支付宝小程序并自动找开支付宝开发工具）：
文章插图
12.2HBuilderX将自动生成支付宝小程序
1）HBuilder自动生成支付宝小程序成功时的控制台日志信息输出（有这样的信息就表示生成成功了）：
推荐阅读
- 秒杀自动编码Copilot！「动嘴编程」神器StarChat开源，码农狂喜
- 使用开源 Python API 封装器与你的集群对话
- 几个基于CDC实时同步数据的开源组件，让你的数据同步更实时
- 七个使你的 Drupal 网站无障碍访问的开源模块
- 几个玩转2D/3D渲染的开源JS库，助你快速实现各种2D/3D动画特效
- Stable Diffusion背后团队发布开源大语言模型 可用于本地部署
- 抖音前端UI框架开源了，亮瞎我的钛合金！
- 一码跑遍众多小程序，饿了么开源自研多端框架 MorJS
- 一款基于开源框架实现的脚手架平台，帮助中小企业快速迭代开发
- 轻松打造家用版GPT-4！微软开源微调指令集：效果不输原版，中英双语都能用