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

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

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

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

activity_main.xml布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.example.upwebviewtest.MainActivity" >    <WebView         android:id="@+id/webView1"        android:layout_width="match_parent"        android:layout_height="match_parent"/></RelativeLayout>

很简单的一个布局文件。

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

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

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

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

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

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

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

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

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

MainActivity.java

package com.example.webviewtest;import android.os.Bundle;import android.support.v7.app.ActionBarActivity;import android.view.Menu;import android.view.MenuItem;import android.webkit.WebSettings;import android.webkit.WebView;public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);    this.getSupportActionBar().hide();    WebView webview = (WebView) findViewById(R.id.webView1);  WebSettings wv_setttig = webview.getSettings();  wv_setttig.setJavaScriptEnabled(true);  // wv_setttig.setRenderPriority(RenderPriority.HIGH);  String url = "file:///android_asset/Nav.html";  webview.loadUrl(url); } @Override public boolean onCreateOptionsMenu(Menu menu) {  // Inflate the menu; this adds items to the action bar if it is present.  getMenuInflater().inflate(R.menu.main, menu);  return true; } @Override public boolean onOptionsItemSelected(MenuItem item) {  // Handle action bar item clicks here. The action bar will  // automatically handle clicks on the Home/Up button, so long  // as you specify a parent activity in AndroidManifest.xml.  int id = item.getItemId();  if (id == R.id.action_settings) {   return true;  }  return super.onOptionsItemSelected(item); }}

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

           

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow