快捷導(dǎo)航

Android WebView的詳解及實(shí)例

更新時(shí)間：2017年07月13日 14:53:28 作者：Smile_路飛

這篇文章主要介紹了Android WebView的詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下

Android WebView的詳解

Android WebView在android平臺(tái)上是一個(gè)特殊的View，他能用來顯示網(wǎng)頁，這個(gè)類可以被用來在你的app中僅僅顯示一張?jiān)诰€的網(wǎng)頁，還可以用來開發(fā)瀏覽器。

在Android手機(jī)中內(nèi)置了一款高性能webkit內(nèi)核瀏覽器，在SDK中封裝為一個(gè)叫做WebView組件。WebKit是Mac OS X v10.3及以上版本所包含的軟件框架（對(duì)v10.2.7及以上版本也可通過軟件更新獲?。?。同時(shí)，WebKit也是Mac OS X的Safari網(wǎng)頁瀏覽器的基礎(chǔ)。WebKit是一個(gè)開源項(xiàng)目，主要由KDE的KHTML修改而來并且包含了一些來自蘋果公司的一些組件。傳統(tǒng)上，WebKit包含一個(gè)網(wǎng)頁引擎WebCore和一個(gè)腳本引擎JavaScriptCore，它們分別對(duì)應(yīng)的是KDE的KHTML和KJS。不過，隨著JavaScript引擎的獨(dú)立性越來越強(qiáng)，現(xiàn)在WebKit和WebCore已經(jīng)基本上混用不分（例如Google Chrome和Maxthon 3采用V8引擎，卻仍然宣稱自己是WebKit內(nèi)核）。

在開發(fā)過程中應(yīng)該注意幾點(diǎn)：

1.AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會(huì)出Web page not available錯(cuò)誤。

2.如果訪問的頁面中有javascript，則webview必須設(shè)置支持Javascript。

   webview.getSettings().setJavaScriptEnabled(true);

3.如果頁面中鏈接，如果希望點(diǎn)擊鏈接繼續(xù)在當(dāng)前browser中響應(yīng)，而不是新開Android的系統(tǒng)browser中響應(yīng)該鏈接，必須覆蓋 webview的WebViewClient對(duì)象

webView.setWebViewClient(new WebViewClient() { 
  @Override 
  public boolean shouldOverrideUrlLoading(WebView view, String url) { 
    // TODO Auto-generated method stub 
    view.loadUrl(url); 
    return true; 
  } 
} 
);

4.如果不做任何處理，瀏覽網(wǎng)頁，點(diǎn)擊系統(tǒng)“Back”鍵，整個(gè)Browser會(huì)調(diào)用finish()而結(jié)束自身，如果希望瀏覽的網(wǎng) 頁回退而不是推出瀏覽器，需要在當(dāng)前Activity中處理并消費(fèi)掉該Back事件。

@Override 
  public boolean onKeyDown(int keyCode, KeyEvent event) { 
    // TODO Auto-generated method stub 
    if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) { 
      webView.goBack(); 
      return true; 
    } 
    return super.onKeyDown(keyCode, event); 
 
  }

下一步讓我們來了解一下android中webview是如何支持javascript自定義對(duì)象的，在w3c標(biāo)準(zhǔn)中js有 window，history，document等標(biāo)準(zhǔn)對(duì)象，同樣我們可以在開發(fā)瀏覽器時(shí)自己定義我們的對(duì)象調(diào)用手機(jī)系統(tǒng)功能來處理，這樣使用js就可以為所欲為了。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <title>WebView</title> 
  <script language="javascript"> 
  <!-- 
function click() { 
  Android.onClick("hello"); 
  } 
--> 
</script> 
  </head> 
  <body> 
  <a  rel="external nofollow" onclick="click()">點(diǎn)擊</a> 
  </body> 
  </html>

可以看到，HTML代碼中的超鏈接響應(yīng)一個(gè)點(diǎn)擊事件，會(huì)執(zhí)行javascript中的click()方法，因?yàn)橥ㄟ^webView.addJavascriptInterface()方法新建了一個(gè)對(duì)象，并將此對(duì)象和javascript對(duì)象綁定了，javascript對(duì)象的引用即為"Android"，所以在HTML中的click方法執(zhí)行時(shí)會(huì)調(diào)用新建的對(duì)象中的onClick()方法。這樣就實(shí)現(xiàn)了在javascript代碼中調(diào)用Java代碼.

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章: