让网页装进Android手机（将html+css+js打包成Android应用）（简单的）

   今晚尝试了一下，将自己简单写的网页（html+css+js）打包成Android应用装进手机。（当然如果网页做得好的话，采用响应式布局，即可在手机上完美展示）

首先创建一个Android项目，在布局文件中加入WebView组件：

activity_main.xml布局文件

[html]  view plain  copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context="com.example.upwebviewtest.MainActivity" >  
6.   
7.     <WebView   
8.         android:id="@+id/webView1"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent"/>  
11.   
12. </RelativeLayout>  

很简单的一个布局文件。

可以在Android配置文件中加入如下权限：

[html]  view plain  copy

1. <uses-permission android:name="android.permission.INTERNET"/>  

将你所写的网页文件拷贝到Android项目中的assets文件夹，如下：

注意：网页的编码格式需与Android项目的编码一致，否则将出现乱码。

再在Android项目的MainActivity.java的onCreate方法中加入：

[java]  view plain  copy

1. WebView webview = (WebView) findViewById(R.id.webView1);  
2.         WebSettings wv_setttig = webview.getSettings();  
3.         wv_setttig.setJavaScriptEnabled(true);  
4.         // wv_setttig.setRenderPriority(RenderPriority.HIGH);  
5.   
6.         String url = "file:///android_asset/Nav.html";  
7.         webview.loadUrl(url);  

注意：html文件中如果引用了css或js文件夹中的文件，需要做类似如下的修改：

[html]  view plain  copy

1. <link rel="stylesheet" type="text/css" href="file:///android_asset/css/mycss.css">  

[html]  view plain  copy

1. <script type="text/javascript" src="file:///android_asset/js/myjs.js"></script>  

MainActivity.java

[java]  view plain  copy

1. package com.example.webviewtest;  
2.   
3. import android.os.Bundle;  
4. import android.support.v7.app.ActionBarActivity;  
5. import android.view.Menu;  
6. import android.view.MenuItem;  
7. import android.webkit.WebSettings;  
8. import android.webkit.WebView;  
9.   
10. public class MainActivity extends ActionBarActivity {  
11.   
12.     @Override  
13.     protected void onCreate(Bundle savedInstanceState) {  
14.         super.onCreate(savedInstanceState);  
15.         setContentView(R.layout.activity_main);  
16.           
17.         this.getSupportActionBar().hide();  
18.           
19.         WebView webview = (WebView) findViewById(R.id.webView1);  
20.         WebSettings wv_setttig = webview.getSettings();  
21.         wv_setttig.setJavaScriptEnabled(true);  
22.         // wv_setttig.setRenderPriority(RenderPriority.HIGH);  
23.   
24.         String url = "file:///android_asset/Nav.html";  
25.         webview.loadUrl(url);  
26.     }  
27.   
28.     @Override  
29.     public boolean onCreateOptionsMenu(Menu menu) {  
30.         // Inflate the menu; this adds items to the action bar if it is present.  
31.         getMenuInflater().inflate(R.menu.main, menu);  
32.         return true;  
33.     }  
34.   
35.     @Override  
36.     public boolean onOptionsItemSelected(MenuItem item) {  
37.         // Handle action bar item clicks here. The action bar will  
38.         // automatically handle clicks on the Home/Up button, so long  
39.         // as you specify a parent activity in AndroidManifest.xml.  
40.         int id = item.getItemId();  
41.         if (id == R.id.action_settings) {  
42.             return true;  
43.         }  
44.         return super.onOptionsItemSelected(item);  
45.     }  
46. }  

运行Android项目就可以看到网页变成App装进手机啦。

感谢分享http://blog.csdn.net/qq_15096707/article/details/49952267