前端如何将H5页面打包成本地app?

Posted motian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端如何将H5页面打包成本地app?相关的知识,希望对你有一定的参考价值。

  大家都知道H5页面怎么在手机浏览器里测试,但是如何能打包成APP测试呢?因为本人的手机是ios系统,如果用Xcode打包需要开发证书,貌似99美元一年。意外发现一个叫Hbuild的软件,简单好用,下面做个简单的使用分享:

首先到网上下载一个Hbuild,下载地址->戳(windows)

一、安装成功后打开选择暂不登陆,进入主界面如图:

 

 

二、把自己打好的包导入到hbuild

三、选择对应选项及文件夹

 

四、电脑连上手机,点击菜单栏“运行”--“到手机”

 

五、轻松搞定,手机上出现APP

以上是关于前端如何将H5页面打包成本地app?的主要内容,如果未能解决你的问题,请参考以下文章

前端抓手机抓包可以看页面样式吗

原生app嵌入h5页面,怎么实现不升级app更新H5页面的CSS

基于HBuilder将H5站点打包成app

前端开发怎么设置关闭当前页面删除h5缓存记录

app内嵌h5页面:前端与原生语言的配合

把H5打包成IOS APP其实可以很简单!签名?越狱?都不需要!