一、Android SDK中的WebView1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);2.调用WebView的loadUrl()方法，设置WevView要显示的网页：互联网用：webView.loa四、appMobi Html5 XDK 在线生成（使用了PhoneGap插件）http://www.appmobi.com/

aspx这样改成apk：需要使用Android Studio，首先在Android Studio中新建一个项目，然后将aspx文件复制到项目中，最后编译项目，即可生成apk文件。

想要把网页装进Android或者IOS手机里本事对于H5开发的技术而言难度不小，不仅要懂安卓和苹果的操作机制，还要确保封装打包后的网页内的功能是否可以正常使用

不过现在的前端技术打包APP基本都不会使用创建一个Android项目，在布局文件中加入WebView组件这种传统且繁琐的方式，主流的操作都是选择开发者服务平台。

目前开发者服务平台基本已经非常低成本的解决了网址封装打包APP的需求，以亥著开发者服务平台为例

用户只需要提供网址、logo、开屏图、应用名，然后选择需要的插件服务，即可在两分钟内生成IPA或者APK文件。

如图所示

你要是想直接转化成一个成熟、系统的APP是不可能的。网页代码是网页代码，APP代码是APP代码，两个不是相通的。但是网页可以封装成APP，就是给网页加个壳子，让他长的像APP一样，也可以像APP一样下载安装到手机桌面上，但是打开还是网页，APP就是个外壳，空的，是没有什么后台，代码的，有的就只是网页，只不过给它加个APP的外壳，让它可以像普通APP一样，安装在手机桌面上，显示一个APP的图标，但打开来还是直接打开的网页。这叫网页封装APP。这种就很简单了，很多平台都有这种工具，在线就能操作，一般一二十块钱一个吧，也挺便宜的，有个网页链接就行了，再自己想个app的名字，直接就能封装出来。

1、首先准备一张需要做成网页链接的图片或者文件。

2、打开QQ空间，找到“相册”并点击。

3、打开相册。点击“上传照片”。

4、在新弹出来的对话框的左上角有一个“上传到”，点击旁边的小三角箭头可以选择将图片上传到哪个相册中。

5、可以自己新建一个相册，然后点击“选择图片和视频”。

6、在桌面找到要上传的图片或者文件，点击打开，在这里一定要注意，要选择原图，然后点击“开始上传”。

7、页面显示上传成功，点击“查看原图”，这时候地址栏显示的网页地址就是你这张图片的网页链接了。

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

1、首先我们需要先新建一个WebApp项目，目录结构为：index.html 项目首页html入口文件--html 项目文件夹--html/css 用于存放用到的css文件--html/js 用于存放用到的js文件2、index.html我们可以用Dreamweaver CC来新建，操作如下：点击文件菜单，再点新建，在弹出的窗口中点流体网格布局，再点创建。3、创建好html文件后，点击文件-另存为，将文件名改为：index.html，保存到我们新建的WebApp项目根目录下。如下图：4、这时会弹出一个对话框，提示内容如下：这时，我们将用到的boilerplate.css文件和Untitled-2.css文件，复制到WebApp项目html/css目录下，将用到的respond.min.js文件复制到WebApp项目html/js目录下。这里解释下，boilerplate.css是定义跨浏览器兼容性的样式文件，Untitled-2.css是定义自适应媒体查询的样式文件，respond.min.js扩展IE8以下浏览器支持css3的js文件，如果不需要考虑支持IE8以下浏览器，可以删除掉。这里由于我们是打包生成手机端的APP，不需要用到respond.min.js，我们把它删除掉，然后再修改下CSS的引用路径，如下：《link href=“html/css/boilerplate.css“ rel=“stylesheet“ type=“text/css“》《link href=“html/css/Untitled-1.css“ rel=“stylesheet“ type=“text/css“》5、这样一个简单的WebApp项目就新建好了。优化下html代码，如下图：6、接着我们来使用KM盒子将这个WebApp项目打包生成手机APP应用。打开KM盒子软件，点击安卓设备按钮，在弹出的菜单中选择 自定义打包。接着，在弹出的对话框，设置 APK名称，安装包ID，文件路径选择我们刚才的WeApp文件夹目录，然后点击编译文件。接着，在弹出的对话框中，双击三个图片，分别设置APK的竖向启动画面、横向启动画面和桌面图标文件，图片格式为PNG图片文件。最后，在弹出的对话框，点击生成APK安装包，这样一个WebApp项目打包生成手机APP就完成了。我们来看下安装到手机上的效果：最后，我们学习下Dreamweaver CC生成的流体网格布局CSS文件，具体看源文件，我加了中文注释：@charset “utf-8“;/** HTML5 ✰ Boilerplate color:rgb(144 255 173)“》v3.0.2/* * HTML5 ✰ 样板 *

使用Rexsee在线生成Rexsee是开源的Android开发平台，支持开发者以标准化Web开发模式，使用HTML5、CSS3、Javascript快速实现移动应用。会 HTML就会Android。你要做的只是将做好的HTML5 应用上传到Rexsee服务器，很快，会编译成标准的APK安装文件。

问题分析：

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来完成。可以解决页面切换白屏的问题，还可以提高网站在手机中的运行效率。