Android中webView的基礎使用(一)，androidwebview

Android中webView的基礎使用(一)，androidwebview
WebView是View的一個子類，可以讓你在activity中顯示網頁。

可以在布局檔案中寫入WebView：比如下面這個寫了一個填滿整個螢幕的WebView：

1 <?xml version="1.0" encoding="utf-8"?>2 <WebView  xmlns:android="http://schemas.android.com/apk/res/android"3     android:id="@+id/webview"4     android:layout_width="fill_parent"5     android:layout_height="fill_parent"6 />

載入一個網頁，使用loadUrl()：

WebView myWebView = (WebView) findViewById(R.id.webview);myWebView.loadUrl(http://www.example.com);　　

注意要在manifest中加上訪問網路的許可權:

 

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

設定WebView要顯示的網頁

設定WevView要顯示的網頁方法有很多：

互連網頁面直接用：

myWebView.loadUrl(“http://www.google.com“);

本地檔案用：

myWebView.loadUrl(“file:///android_asset/XX.html“); 

本地檔案存放在：assets檔案中。

還可以直接載入html的字串，如：

String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";// 載入這個html頁面myWebView.loadData(htmlString, "text/html", "utf-8");

在WebView中使用JavaScript

如果你想要載入的頁面中用了JavaScript，你必須為你的WebView使能JavaScript。

一旦使能之後，你也可以自己建立介面在你的應用和JavaScript代碼間進行互動。

使能JavaScript可以通過getSettings()獲得WebSettings，然後用setJavaScriptEnabled()使能JavaScript：

WebView myWebView = (WebView) findViewById(R.id.webview);WebSettings webSettings = myWebView.getSettings();webSettings.setJavaScriptEnabled(true);

WebSettings中提供了很多有用的設定。

處理頁面瀏覽

　　當使用者點擊了你的WebView中的一個連結，預設的行為是Android啟動一個處理URL的應用，通常，預設的瀏覽器開啟並下載目標URL。

　　但是，你可以在你的WebView中覆蓋這一行為，使得串連仍在你的WebView中開啟。

　　之後，根據在WebView中維護的網頁瀏覽曆史，你可以允許使用者向前或向後瀏覽他們的網頁。

在WebView中開啟所有連結

要開啟使用者點擊的連結，只需要用setWebViewClient()方法向你的WebView提供一個WebViewClient 比如：

WebView myWebView = (WebView) findViewById(R.id.webview);myWebView.setWebViewClient(new WebViewClient());

此時就OK了， 就可以在你的WebView中開啟連結了。

關於開啟連結位置的更多控制

如果你對在哪裡開啟連結需要更多的控制，你可以建立自己的類，繼承 WebViewClient，然後覆寫shouldOverrideUrlLoading() 方法。

比如下面這個：

 1 private class MyWebViewClient extends WebViewClient 2     { 3         @Override 4         public boolean shouldOverrideUrlLoading(WebView view, String url) 5         { 6  7 　　　　　　　if(Uri.parse(url).getHost().equals(www.example.com)) 8             { 9                 // This is my web site, so do not override; let my WebView load10                 // the page11                 return false;12             }13             // Otherwise, the link is not for a page on my site, so launch14             // another Activity that handles URLs15             Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));16             startActivity(intent);17             return true;18         }19     }

將特定的連結用自己的WebView開啟，其他連結用瀏覽器（intent啟動了預設的處理URL的Activity）。

定義完之後把這個類的對象傳入setWebViewClient()方法即可。

WebView myWebView = (WebView) findViewById(R.id.webview);myWebView.setWebViewClient(new MyWebViewClient());

實踐驗證：在直接設定setWebViewClient(new WebViewClient());時驗證正確，即所有連結都是在WebView中開啟。

　　在設定為自訂的WebViewClient子類對象時，發現連結仍然都是從預設瀏覽器中開啟。

瀏覽網頁曆史回退

　　當你的WebView覆寫了URL載入的行為，它會自動地對訪問過的網頁積累一個曆史，你可以利用 goBack() 和 goForward()方法在這個曆史中前進或後退。

　　比如說使用後退鍵進行網頁後退：

 1 /** 2      * 按鍵響應，在WebView中查看網頁時，按返回鍵的時候按瀏覽曆史退回,如果不做此項處理則整個WebView返回退出 3      */ 4     @Override 5     public boolean onKeyDown(int keyCode, KeyEvent event) 6     { 7         // Check if the key event was the Back button and if there's history 8         if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) 9         {10             // 返回鍵退回11             myWebView.goBack();12             return true;13         }14         // If it wasn't the Back key or there's no web page history, bubble up15         // to the default16         // system behavior (probably exit the activity)17         return super.onKeyDown(keyCode, event);18     }

　canGoBack() 方法在網頁可以後退時返回true。

　　類似的，canGoForward()方法可以檢查是否有可以前進的記錄。

　　如果你不執行這種檢查，一旦 goBack() 和 goForward()方法到達記錄頂端，它們將什麼也不做。

　　如果不加這種設定，在使用者按下Back鍵時，如果是WebView顯示網頁，則會將WebView作為整體返回。

程式執行個體

　　附上完整的程式：

  1 WebView Basic  2   3 import android.annotation.SuppressLint;  4 import android.app.Activity;  5 import android.content.Intent;  6 import android.net.Uri;  7 import android.os.Bundle;  8 import android.view.KeyEvent;  9 import android.view.Menu; 10 import android.webkit.WebSettings; 11 import android.webkit.WebView; 12 import android.webkit.WebViewClient; 13  14 @SuppressLint("SetJavaScriptEnabled") 15 public class WebActivity extends Activity 16 { 17     private WebView myWebView = null; 18  19     @Override 20     public void onCreate(Bundle savedInstanceState) 21     { 22         super.onCreate(savedInstanceState); 23         setContentView(R.layout.activity_web); 24  25         // 開啟網頁 26         myWebView = (WebView) findViewById(R.id.webview); 27         // 28  29         // myWebView.loadUrl("http://www.cnblogs.com/mengdd/");// 部落格連結 30         myWebView.loadUrl("http://www.baidu.com/");// 百度連結 31  32         // JavaScript使能(如果要載入的頁面中有JS代碼，則必須使能JS) 33         WebSettings webSettings = myWebView.getSettings(); 34         webSettings.setJavaScriptEnabled(true); 35  36         // 在WebView中開啟連結（預設行為是使用瀏覽器，設定此項後都用WebView開啟） 37         // myWebView.setWebViewClient(new WebViewClient()); 38         // 這樣設定後所有的連結都會在當前WebView中開啟 39  40         // 更強的開啟連結控制：自己覆寫一個WebViewClient類：除了指定連結從WebView開啟，其他的連結預設開啟 41         myWebView.setWebViewClient(new MyWebViewClient()); 42  43     } 44  45     @Override 46     public boolean onCreateOptionsMenu(Menu menu) 47     { 48         getMenuInflater().inflate(R.menu.activity_web, menu); 49         return true; 50     } 51  52     /** 53      * 自訂的WebViewClient類，將特殊連結從WebView開啟，其他連結仍然用預設瀏覽器開啟 54      *  55      * @author 1 56      *  57      */ 58     private class MyWebViewClient extends WebViewClient 59     { 60         @Override 61         public boolean shouldOverrideUrlLoading(WebView view, String url) 62         { 63             if (Uri.parse(url) 64                     .getHost() 65                     .equals("http://www.cnblogs.com/mengdd/archive/2013/02/27/2935811.html") 66                     || Uri.parse(url).getHost() 67                             .equals("http://music.baidu.com/")) 68             { 69                 // This is my web site, so do not override; let my WebView load 70                 // the page 71  72                 // 這是官網上的例子，但是我點擊特定連結的時候仍然是用瀏覽器而不是用自己的WebView開啟，加上下面這句view.loadUrl(url)仍然是用瀏覽器，無解，不知道哪裡出了問題 73                 // view.loadUrl(url); 74                 return false; 75             } 76             // Otherwise, the link is not for a page on my site, so launch 77             // another Activity that handles URLs 78             Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); 79             startActivity(intent); 80             return true; 81         } 82     } 83  84     /** 85      * 按鍵響應，在WebView中查看網頁時，按返回鍵的時候按瀏覽曆史退回,如果不做此項處理則整個WebView返回退出 86      */ 87     @Override 88     public boolean onKeyDown(int keyCode, KeyEvent event) 89     { 90         // Check if the key event was the Back button and if there's history 91         if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) 92         { 93             // 返回鍵退回 94             myWebView.goBack(); 95             return true; 96         } 97         // If it wasn't the Back key or there's no web page history, bubble up 98         // to the default 99         // system behavior (probably exit the activity)100         return super.onKeyDown(keyCode, event);101     }102 103 }

參考資料

　　關於Web方面推薦的一個學習網站：

　　http://www.w3school.com.cn/

　　API Guides:  Building Web Apps in WebView

　　http://developer.android.com/guide/webapps/webview.html

　　其他學習連結：

　　http://www.cnblogs.com/aimeng/archive/2012/05/24/2516547.html

　　http://www.apkbus.com/android-44567-1-1.html