Android WebView使用

標籤：android   style   blog   http   color   io   os   使用   java   

轉自：http://www.cnblogs.com/oakpip/archive/2011/04/08/2009800.html

大部分內容為網上整理其它高人的文章，現只作整理，用於查看：

在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.如果不做任何處理，瀏覽網頁，點擊系統“Back”鍵，整個Browser會調用finish()而結束自身，如果希望瀏覽的網 頁回退而不是推出瀏覽器，需要在當前Activity中處理並消費掉該Back事件。

public boolean onKeyDown(int keyCode, KeyEvent event) {               if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {                   mWebView.goBack();                          return true;               }               return super.onKeyDown(keyCode, event);           }     

 

下一步讓我們來瞭解一下android中webview是如何支援javascripte自訂對象的，在w3c標準中js有 window，history，document等標準對象，同樣我們可以在開發瀏覽器時自己定義我們的對象調用手機系統功能來處理，這樣使用js就可以 為所欲為了。

 

  看一個執行個體：

public class WebViewDemo extends Activity {    private WebView mWebView;    private Handler mHandler = new Handler();    public void onCreate(Bundle icicle) {        super.onCreate(icicle);        setContentView(R.layout.webviewdemo);        mWebView = (WebView) findViewById(R.id.webview);        WebSettings webSettings = mWebView.getSettings();        webSettings.setJavaScriptEnabled(true);        mWebView.addJavascriptInterface(new Object() {            public void clickOnAndroid() {                mHandler.post(new Runnable() {                         public void run() {                             mWebView.loadUrl("javascript:wave()");                         }                     });                     }             }, "demo");             mWebView.loadUrl("file:///android_asset/demo.html");    }   }             

我們看addJavascriptInterface(Object obj,String interfaceName)這個方法，該方法將一個java對象綁定到一個javascript對象中，javascript對象名就是 interfaceName（demo），範圍是Global。這樣初始化webview後，在webview載入的頁面中就可以直接通過 javascript:window.demo訪問到綁定的java對象了。來看看在html中是怎樣調用的。

<html>               <mce:script language="javascript"><!--                     function wave() {                           document.getElementById("droid").src="android_waving.png";                       }       // --></mce:script>               <body>                   <a onClick="window.demo.clickOnAndroid()">                                       <img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>                                       Click me!                   </a>               </body>       </html>      

這樣在javascript中就可以調用java對象的clickOnAndroid()方法了，同樣我們可以在此對象中定義很多方法（比 如發簡訊，調用連絡人清單等手機系統功能。）,這裡wave()方法是java中調用javascript的例子。

這裡還有幾個知識點： 
1)為了讓WebView從apk檔案中載入assets，Android SDK提供了一個schema，首碼為"file:///android_asset/"。WebView遇到這樣的schema，就去當前包中的 assets目錄中找內容。如上面的"file:///android_asset/demo.html" 
2)addJavascriptInterface方法中要綁定的Java對象及方法要運行另外的線程中，不能運行在構造他的線程中，這也是使用 Handler的目的。

 

Android WebView使用