Android WebView开发

来源：互联网发布：淘宝虚拟男友编辑：程序博客网时间：2024/05/18 00:47

在Android手机中内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。

什么是webkit

WebKit 是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过软件更新获取）。同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。

传统上，WebKit包含一个网页引擎WebCore和一个脚本引擎JavaScriptCore，它们分别对应的是KDE的KHTML和KJS。不过，随着JavaScript引擎的独立性越来越强，现在WebKit和WebCore已经基本上混用不分（例如Google Chrome和Maxthon 3采用V8引擎，却仍然宣称自己是WebKit内核）。

这里我们初步体验一下在android是使用webview浏览网页，在SDK的Dev Guide中有一个WebView的简单例子。

在开发过程中应该注意几点：
    1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
    2.如果访问的页面中有Javascript，则webview必须设置支持Javascript。
        webview.getSettings().setJavaScriptEnabled(true);
    3.如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser中响应该链接，必须覆盖 webview的WebViewClient对象。
mWebView.setWebViewClient(new WebViewClient(){
                     public boolean shouldOverrideUrlLoading(WebView view, String url) {
                         view.loadUrl(url);
                         return true;
                     }

});

/**
   * 4、如果用webview点链接看了很多页以后，如果不做任何处理，点击系统“Back”键，整个浏览器会调用finish()而结束自身，
   * 如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。
   * 覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。
   */
   public boolean onKeyDown(int keyCoder, KeyEvent event) {
       if (webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK) {
           webView.goBack(); // goBack()表示返回webView的上一页面
           return true;
       }
       return false;

}

代码如下：

1、添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。

2、AboutUSActivity.java

package com.cn.view;
import com.cn.mr.http.util.Configuration;
import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.SslErrorHandler;

//关于我们
public class AboutUSActivity extends Activity {
   final String mimeType = "text/html";
   final String encoding = "utf-8";
   ProgressDialog progresDialog=null;
   WebView webView;
    public static final String ABOUTUS="http://phone.tomome.net/aboutus.html";

   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.aboutus);
       progresDialog = new ProgressDialog(this);
       progresDialog.setMessage("页面请求.......");
       progresDialog.show();

       webView = (WebView) findViewById(R.id.webviewaboutus);
       webView.getSettings().setJavaScriptEnabled(true);
       webView.loadUrl(ABOUTUS);
       webView.setWebChromeClient(new WebChromeClient() {
           @Override
           public void onProgressChanged(WebView view, int newProgress) {
               if (newProgress == 100) { // 这里是设置activity的标题，
                                       // 也可以根据自己的需求做一些其他的操作
                   progresDialog.setMessage("加载完成");
                   progresDialog.cancel();
               } else {
                   progresDialog.setMessage("加载中.......");
               }
           }
       });
//       webView.setWebViewClient(new WebViewClient() {
//           @Override
//           public boolean shouldOverrideUrlLoading(WebView view, String url) { // 重写此方法表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边
//               view.loadUrl(url);
//               return true;
//           }
//
//           @Override
//           public void onReceivedSslError(WebView view,
//                   SslErrorHandler handler, android.net.http.SslError error) { // 重写此方法可以让webview处理https请求
//               handler.proceed();
//           }
//
//       });
   }

   /**
   * 如果用webview点链接看了很多页以后，如果不做任何处理，点击系统“Back”键，整个浏览器会调用finish()而结束自身，
   * 如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。
   * 覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。
   */
   public boolean onKeyDown(int keyCoder, KeyEvent event) {
       if (webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK) {
           webView.goBack(); // goBack()表示返回webView的上一页面
           return true;
       }
       return false;
   }
}

3、XML布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<WebView android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webviewaboutus"></WebView>
</LinearLayout>