html5制作手机app2个将HTML5打包成app的办法

越来越多的开拓者热衷于利用html5+JavaScript开拓移动Web App。
不过，HTML5 Web APP的涌现能否在未来取代移动运用，就目前来说，还是个未知数。
那么，有什么办法，既可以利用HTMl5开拓应用，又可以将其大略封装成APK文件呢？

一、Android SDK中的WebView

1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);

html5制作手机app2个将HTML5打包成app的办法 AJAX

2.调用WebView的loadUrl()方法，设置WevView要显示的网页：

互联网用：webView.loadUrl(\公众http://www.qietu.com\公众);

本地文件用：webView.loadUrl(\"大众file:///android_asset/XX.html\"大众); 本地文件存放在：assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页往后为了让WebView支持回退功能，须要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，全体浏览器会调用finish()而结束自身，而不是回退到上一页面

5.须要在AndroidManifest.xml文件中添加权限，否则会涌现Web page not available缺点。

<uses-permission android:name=\"大众android.permission.INTERNET\公众 />

缺陷：如果是载入的是普通网页，没有什么问题，但如果是html5,封装后，在android2.3以上才能正常访问，android2.2及以下，SDK中的WebView还没完备支持HTML5

下面是具体例子：

MainActivity.java

package com.android.webview.activity;

import android.app.Activity;

import android.os.Bundle;

import android.view.KeyEvent;

import android.webkit.WebView;

public class MainActivity extends Activity {

private WebView webview;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//实例化WebView工具

webview = new WebView(this);

//设置WebView属性，能够实行Javascript脚本

webview.getSettings().setJavaScriptEnabled(true);

//加载须要显示的网页

webview.loadUrl(\公众http://www.qietu.com/\公众);

//设置Web视图

setContentView(webview);

}

@Override

//设置回退

//覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {

webview.goBack(); //goBack()表示返回WebView的上一页面

return true;

}

return false;

}

在AndroidManifest.xml文件中添加权限

<?xml version=\公众1.0\"大众 encoding=\"大众utf-8\"大众?>

<manifest xmlns:android=\"大众http://schemas.android.com/apk/res/android\公众

package=\"大众com.android.webview.activity\公众

android:versionCode=\"大众1\公众

android:versionName=\"大众1.0\"大众>

<uses-sdk android:minSdkVersion=\公众10\"大众 />

<activity android:name=\"大众.MainActivity\"大众

android:label=\"大众@string/app_name\"大众>

<intent-filter>

</intent-filter>

</activity>

</application>

<uses-permission android:name=\"大众android.permission.INTERNET\"大众/>

</manifest>

二、利用PhoneGap

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动运用程序的快速开拓平台。
它使开拓者能够利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智好手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。
PhoneGap是免费的，但是它须要特定平台供应的附加软件，例如 iPhone的iPhone SDK，Android的Android SDK等，

详细方法请见：http://phonegap.com/start#android

优点：在Eclipse中加入SDK，编程自由，完美适应不同设备屏幕大小，适宜高手利用。

缺陷：没有利用布局，直接加载网页，不能添加广告。

----------------

切图网（qietu.com）最早将psd转html做事模式带到海内，并首个供应相应式、webapp前端开拓的公司。
专注web前端开拓技能，关注用户体验，加我们公众年夜众微信账号：qietuwang（长按复制）