Android中WebView用法實例分析

更新時間：2015年10月27日 14:28:17 作者：cc1218

這篇文章主要介紹了Android中WebView用法,以實例形式較為詳細的分析了Android中WebView的功能、注意事項與使用技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了Android中WebView用法。分享給大家供大家參考，具體如下：

WebView相當(dāng)于一個迷你瀏覽器，采用WebKit內(nèi)核，因此完美支持html,javascript,css等。
在開發(fā)過程中應(yīng)該注意幾點：

1.AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
2.如果訪問的頁面中有Javascript，則webview必須設(shè)置支持Javascript。

復(fù)制代碼代碼如下:

webview.getSettings().setJavaScriptEnabled(true);

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

mWebView.setWebViewClient(new WebViewClient(){
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
 view.loadUrl(url);
 return true;
 }
});

4.如果不做任何處理，瀏覽網(wǎng)頁，點擊系統(tǒng)“Back”鍵，整個Browser會調(diào)用finish()而結(jié)束自身，如果希望瀏覽的網(wǎng) 頁回退而不是推出瀏覽器，需要在當(dāng)前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);
}

實例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="@drawable/bg_main" >
 <RelativeLayout
 android:id="@+id/title"
 android:layout_width="fill_parent"
 android:layout_height="48dp"
 android:layout_alignParentTop="true"
 android:background="@drawable/bg_title"
 android:padding="0dp" >
 <TextView
  android:id="@+id/news"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:text="新浪微博"
  android:textSize="22sp"
  android:textColor="#ffffff"/>
 </RelativeLayout>
 <WebView
 android:id="@+id/web_view_pethome"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/title"/>
 <ProgressBar
 android:id="@+id/progress_bar"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerInParent="true"
 android:visibility="gone" />
</RelativeLayout>

java文件代碼：

private void findViews() {
 mWebView = (WebView) findViewById(R.id.web_view_pethome);
 mProgressBar = (ProgressBar) findViewById(R.id.progress_bar);
}
private void setWebView() {
 // 調(diào)用loadUrl()方法進行加載內(nèi)容
 mWebView.loadUrl(URL);
 // 設(shè)置WebView的屬性，此時可以去執(zhí)行JavaScript腳本
 mWebView.getSettings().setJavaScriptEnabled(true);
 // 設(shè)置縮放按鈕
 mWebView.getSettings().setBuiltInZoomControls(true);
 mWebView.getSettings().setSupportZoom(true);
 mWebView.setWebViewClient(new WebViewClient() {
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
  view.loadUrl(url);
  return true;
 }
 @Override
 public void onPageFinished(WebView view, String url) {
  Log.v("webview", "========onPageFinished=======");
  super.onPageFinished(view, url);
  mProgressBar.setVisibility(View.GONE);
 }
 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
  Log.v("webview", "========onPageStarted=======");
  super.onPageStarted(view, url, favicon);
  mProgressBar.setVisibility(View.VISIBLE);
 }
 });
}
/**
 * 返回鍵監(jiān)聽事件
 */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK)) {
 if (mWebView.canGoBack()) {
  mWebView.goBack();
 }
 return true;
 }
 return super.onKeyDown(keyCode, event);
}

運行效果：