今天给各位分享html网页制作app手机版的知识，其中也会对html制作软件手机版进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html如何制作成apk
• 2、html+js做的网站，想做成APP怎么封装呢
• 3、Cordova: 仅使用HTML/JS即可制作一个Android或者iOS的App
• 4、如何将html5程序打包成Android应用
• 5、怎么用HTML5开发手机app

html如何制作成apk

你需要一个web开发工具。比如HBuilder。

用html做成一个网页，然后在手机上用浏览器打开，就相当于一个apk。而HBuilder提供了这个打包功能，让你把浏览器和html页面打包，就类似于一个手机上运行的app

html+js做的网站，想做成APP怎么封装呢

如果要做网站封装APP的话，其实非常简单的，网上很多开发者服务平台都有这个功能，操作非常简单，基本上一分钟不到就可以封装好。

在亥著开发者中心找到【产品概览】-【封装APP】

输入APP名称，网站网址，选择图标，也可以自己上传自己的图片。

然后根据自己的需要选择选择功能插件，像扫一扫、微信分享、下拉刷新这些功能都是免费添加的。

Cordova: 仅使用HTML/JS即可制作一个Android或者iOS的App

关于这个问题，还是看看官网是怎么说的吧:

翻译一下：

听上去蛮不错的，那么我们就开始用它来做一个app吧！

创建应用

如果按照Cordova( )官网所述，直接用npm全局安装 cordova ，并创建应用，你可能遇到以下错误：

此时不要紧张，卸载 cordova ，使用 yarn 重新安装一下，猜测可能和npm版本不兼容。

安装好 yarn 和 cordova 之后，使用cli命令 cordova create MyApp 创建project，此时你可能会遇到以下错误：

这是什么原因呢？

原来我们没有将 yarn 的bin目录加入到环境变量 path ，作为一个Windows僵尸粉，判断出这点还是不难的。执行以下命令，找到 yarn 的bin目录所在：

将 d:\Users\gy.wang\AppData\Local\Yarn\bin 此目录添加到windows环境变量 path

配置好环境，重新打开CLI窗口，我们终于可以顺利地创建 cordova 应用，cordova使用默认模板创建好一个Project。

添加Android平台

在项目根目录下，运行命令 cordova build android 来编译你的项目，你可能遇到以下错误：

原因是啥呢？当前cordova要求的Android版本比较高，需要安装 Android SDK Platform 25 才能顺利编译，怎么办？ 装！

打开 Android Studio , 安装SDK

安装成功之后，执行命令 cordova build android ，这次终于成功了！

APK包成功打好，这次我们运行一下，执行命令：

这次我们会遇到 环境坑四

不急，仔细看报错信息的意思是没有可用的设备或模拟器。这个简单，打开Android Studio添加一个:

再次运行 cordova run android ， 哈！ 这次成功了！

什么！闪退！WTF!

运行命令 cordova run android ，将APK包安装到模拟器上结果又报错了！

离成功就差一步了，别泄气！我们慢慢查找原因~

至此，APP终于搞定了！

如何将html5程序打包成Android应用

问题分析：

html5网站主要由html+css+js的形式组成，需要使用浏览器进行展现。

Android需要使用Java语言来开发，对于前端工程师来说，无疑是增加了很大的难度。

随后出现了很多打包工具，来协助我们将网页元素打包成手机app，将我们编写的html转化为Java语言。

解决方案：

推荐一款我们常用的打包工具：HBuilder。

该工具不仅提供了Android应用打包，还可以直接连接手机进行调试，配合HTML5+可以实现很多Android原生的功能。比如：扫码二维码，拍照，摇一摇等等。

具体操作步骤：

1、真机调试

进入软件后，第一步点击“运行”，第二步点击“手机运行”，第三步选择已连接的手机，示例中我使用的是安卓模拟机进行连接的。市面上常用的几款安卓模拟机器都可以直接连接上。

按如上几个步骤操作后，会自动执行打包并将应用安装在链接的手机（模拟器）中，可以操作手机（模拟机）进行测试。

2、打包生成Android的安装格式apk文件

① 打开软件，选择发行-发行为原生安装包，随即打开下图窗口。

② 勾选Android复选框，如果使用Dcloud公用证书的话，可以直接进行打包，手机可以安装使用。如果需要上传发行到第三方应用平台的话，需要使用自有证书，自用证书可以使用JRE自带的创建和管理数字证书的工具Keytool来生成自有证书，生成过程是免费的。

勾选Android选项后，在下方表单中填写Android包名，为保证唯一性，可以使用自有网站域名的反写方式加上应用名称。如果使用自有证书的话，还需要填写证书别名，密钥密码，证书文件。

填写完毕后，点击打包，即可生成apk文件。

其他注意事项：

1、在开发过程中，不需要进行打包，应更多的使用真机调试，可以节约很多时间。

2、开发完毕后，尽可能在各种版本的android机器上做一下测试，因为一些网页的样式在不同的android版本中呈现的效果略有不同。

3、重新编辑一下html5网站代码，将一些网页功能转换为手机功能，比如网页元素的a标签跳转，就应该使用Webview来完成。可以解决页面切换白屏的问题，还可以提高网站在手机中的运行效率。

怎么用HTML5开发手机app

你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。

至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。

html网页制作app手机版的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html制作软件手机版、html网页制作app手机版的信息别忘了在本站进行查找喔。