Android中WebView用法實例分析

2020-04-11 11:20:58

字體：大中小

供稿：網(wǎng)友

本文實例講述了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)聽事件 */@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK)) { if (mWebView.canGoBack()) {  mWebView.goBack(); } return true; } return super.onKeyDown(keyCode, event);}

運行效果：