html5与android开发视频教程

1. 如何将html5程序打包成android应用

问题分析：

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

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

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

解决方案：

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

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

具体操作步骤：

1、真机调试

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

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

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

其他注意事项：

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

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

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

2. 如何开发同时支持ios和Android的应用html5

Html5是一种网页开发语言，现在仍处于发展阶段，但大部分浏览器已经支持某些
HTML5 技术为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。

如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。
由于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员
可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是
首先得解决的一个问题。

即使这样，爱在临港还是很看好html5 app开发，原因有一下几点。

一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。

二：html5对android、ios系统都支持。

三：HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

四：html5开发app，能提供更快、更简便的服务，代码可高度重用，服务发布方便。

五：动画、游戏方面，地理定位方面的app应用正在崛，而html5技术优势正是这在些方面。

可以说，未来采用html5开发app的，将会大量减少代码量，应用软件也会得到更高的用户
体验。