html打包成app

环境:HBuilderX软件,雷电模拟器

1 安装HBuilderX软件,雷电模拟器

2 在HBuilderX----文件--新建--项目--5+app

3 编写代码,index.html,

4 配置app相关文件,manifest.json,获取appid,新用户需注册,设置名称,入口页面,图标,模块--权限,没有权限都删除。在app常用配置中,模拟器需要添加CPU支持类型x86,普通手机添加arm64

5 模拟运行  打开雷电模拟器,HX中运行--手机--app基座,刷新有设备编码后运行

或者运行--浏览器--选择浏览器edge或者其他

6 调试修改,适应手机屏幕大小效果

若在手机上界面比较小,头文件<head>里面添加此代码,测试中--html中没有设置width,正好适应手机宽度---

<!-- 使用viewport元标签来确保页面在移动设备上正确缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

7 发布生成app

HX--发行--云打包,apk打包,公共测试证书,打正式包,其他都没选,,,

传统打包--打包,,每天免费打包约5次

8 提示

文件中不放不需要的东西,不然app会变大。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值