Android中WebView詳解

如果想WebView能夠訪問網絡,必須在AndroidManifest.xml裡面添加權限

[html]  <uses-permission android:name="android.permission.INTERNET" /> 
<uses-permission android:name="android.permission.INTERNET" />
main.xml很簡單,就是一個WebView

[html] <?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 
 
    <WebView 
        android:id="@+id/webView" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" /> 
 
</LinearLayout> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>
WebViewDemoActivity.java代碼:

[java] package com.tianjf; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.webkit.WebView; 
 
public class WebViewDemoActivity extends Activity { 
 
    private WebView mWebView; 
 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
 
        mWebView = (WebView) findViewById(R.id.webView); 
 
        // 得到WebSettings對象,設置支持JavaScript參數  
        // 如果訪問的頁面中有JavaScript,則WebView必須設置支持JavaScript ,否則顯示空白頁面  
        mWebView.getSettings().setJavaScriptEnabled(true); 
        // 加載URL  
        mWebView.loadUrl("http://www.baidu.com/"); 
    } 

package com.tianjf;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewDemoActivity extends Activity {

 private WebView mWebView;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  mWebView = (WebView) findViewById(R.id.webView);

  // 得到WebSettings對象,設置支持JavaScript參數
  // 如果訪問的頁面中有JavaScript,則WebView必須設置支持JavaScript ,否則顯示空白頁面
  mWebView.getSettings().setJavaScriptEnabled(true);
  // 加載URL
  mWebView.loadUrl("http://www.baidu.com/");
 }
}
運行一下就會看到URL被正確load出來瞭。

但是有個問題,當點擊鏈接繼續瀏覽,則會彈出系統默認的Browser,為瞭能夠繼續在WebView中瀏覽,要用到shouldOverrideUrlLoading方法:

[java] @Override 
public void onCreate(Bundle savedInstanceState) { 
 
    。。。。。。。。。。。。。。。。。。。。。。。。                 
 
    // 雖然Google主頁在WebView中顯示瞭,但是如果點擊鏈接繼續瀏覽,則會顯示到系統默認的Browser中  
    // 為瞭繼續在WebView中顯示,需要重寫shouldOverrideUrlLoading方法  
    mWebView.setWebViewClient(new MyWebViewClient()); 
        
 
    。。。。。。。。。。。。。。。。。。。。。。。。         
       } 
 
private class MyWebViewClient extends WebViewClient { 
    @Override 
    public boolean shouldOverrideUrlLoading(WebView view, String url) { 
        view.loadUrl(url); 
        return true; 
    } 

 @Override
 public void onCreate(Bundle savedInstanceState) {

  。。。。。。。。。。。。。。。。。。。。。。。。               

  // 雖然Google主頁在WebView中顯示瞭,但是如果點擊鏈接繼續瀏覽,則會顯示到系統默認的Browser中
  // 為瞭繼續在WebView中顯示,需要重寫shouldOverrideUrlLoading方法
  mWebView.setWebViewClient(new MyWebViewClient());
       

  。。。。。。。。。。。。。。。。。。。。。。。。       
        }

 private class MyWebViewClient extends WebViewClient {
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
   view.loadUrl(url);
   return true;
  }
 }

另外,如果想按回退鍵回到上一個頁面,那麼

[java]  /**
 * 按back鍵可以回到上個網頁
 */ 
@Override 
public boolean onKeyDown(int keyCode, KeyEvent event) { 
    if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { 
        mWebView.goBack(); 
        return true; 
    } 
    return super.onKeyDown(keyCode, event); 

/**
 * 按back鍵可以回到上個網頁
 */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
  mWebView.goBack();
  return true;
 }
 return super.onKeyDown(keyCode, event);
}
對於Android 2.0開始又多出瞭一種新的方法,對於Activity 可以單獨獲取Back鍵的按下事件,直接重寫onBackPressed 方法即可,代碼如下

[java] @Override 
public void onBackPressed() { 
 // 這裡處理邏輯代碼,該方法僅適用於2.0或更高版本的sdk  
return ; 

@Override
public void onBackPressed() {
 // 這裡處理邏輯代碼,該方法僅適用於2.0或更高版本的sdk
return ;
}
如果想加載工程中的HTML,那麼可以用到下面的方法(前提是HTML放在assets目錄中)

[java]  mWebView.loadUrl("file:///android_asset/test.html"); 
mWebView.loadUrl("file:///android_asset/test.html");
如果想直接load一段HTML文,可以用下面的方法

[java]  mWebView.loadData("<html><body>abcdefg</body></html>", "text/html", "utf-8"); 
mWebView.loadData("<html><body>abcdefg</body></html>", "text/html", "utf-8");
下面是WebView其他的一下用法:

設置允許訪問文件數據

[java] mWebView.getSettings().setAllowFileAccess(true); 
mWebView.getSettings().setAllowFileAccess(true);
設置支持縮放

[java] mWebView.getSettings().setBuiltInZoomControls(true); 
mWebView.getSettings().setBuiltInZoomControls(true);
設置是否保存密碼

[java] mWebView.getSettings().setSavePassword(false); 
mWebView.getSettings().setSavePassword(false);
設置支持各種不同的設備

[java] mWebView.getSettings().setUserAgentString("Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X;en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334bSafari/531.21.10"); 
mWebView.getSettings().setUserAgentString("Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X;en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334bSafari/531.21.10");
加載webview網頁時所要執行的一些方法

[java] mWebView.setWebViewClient(new WebViewClient() { 
        // 新開頁面時用自己定義的webview來顯示,不用系統自帶的瀏覽器來顯示  
        @Override 
        public boolean shouldOverrideUrlLoading(WebView view, String url) { 
            view.loadUrl(url); 
            return true; 
        } 
         
        // 開始加載網頁時要做的工作  
        @Override 
        public void onPageStarted(WebView view, String url, Bitmap favicon) { 
            super.onPageStarted(view, url, favicon); 
        } 
         
        // 加載完成時要做的工作  
        @Override 
        public void onPageFinished(WebView view, String url) { 
            super.onPageFinished(view, url); 
        } 
         
        // 加載錯誤時要做的工作  
        @Override 
        public void onReceivedError(WebView view, int errorCode, 
                String description, String failingUrl) { 
            super.onReceivedError(view, errorCode, description, failingUrl); 
        } 
    }); 
mWebView.setWebViewClient(new WebViewClient() {
  // 新開頁面時用自己定義的webview來顯示,不用系統自帶的瀏覽器來顯示
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
   view.loadUrl(url);
   return true;
  }
  
  // 開始加載網頁時要做的工作
  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
   super.onPageStarted(view, url, favicon);
  }
  
  // 加載完成時要做的工作
  @Override
  public void onPageFinished(WebView view, String url) {
   super.onPageFinished(view, url);
  }
  
  // 加載錯誤時要做的工作
  @Override
  public void onReceivedError(WebView view, int errorCode,
    String description, String failingUrl) {
   super.onReceivedError(view, errorCode, description, failingUrl);
  }
 });
處理網頁中的一些對話框信息(提示對話框,帶選擇的對話框,帶輸入的對話框)

[java] mWebView.setWebChromeClient(new WebChromeClient() { 
        // 提示對話框  
        @Override 
        public boolean onJsAlert(WebView view, String url, String message, 
                final JsResult result) { 
            // 構建一個Builder來顯示網頁中的alert對話框  
            Builder builder = new Builder(WebViewDemoActivity.this); 
            builder.setTitle("提示對話框"); 
            builder.setMessage(message); 
            builder.setPositiveButton(android.R.string.ok, 
                    new AlertDialog.OnClickListener() { 
                        @Override 
                        public void onClick(DialogInterface dialog, 
                                int which) { 
                            result.confirm(); 
                        } 
                    }); 
            builder.setCancelable(false); 
            builder.create(); 
            builder.show(); 
            return true; 
        } 
 
        // 帶按鈕的對話框  
        @Override 
        public boolean onJsConfirm(WebView view, String url, 
                String message, final JsResult result) { 
            Builder builder = new Builder(WebViewDemoActivity.this); 
            builder.setTitle("帶選擇的對話框"); 
            builder.setMessage(message); 
            builder.setPositiveButton(android.R.string.ok, 
                    new AlertDialog.OnClickListener() { 
                        @Override 
                        public void onClick(DialogInterface dialog, 
                                int which) { 
                            result.confirm(); 
                        } 
                    }); 
            builder.setNeutralButton(android.R.string.cancel, 
                    new AlertDialog.OnClickListener() { 
                        @Override 
                        public void onClick(DialogInterface dialog, 
                                int which) { 
                            result.cancel(); 
                        } 
                    }); 
            builder.setCancelable(false); 
            builder.create(); 
            builder.show(); 
            return true; 
        } 
 
        // 帶輸入框的對話框  
        @Override 
        public boolean onJsPrompt(WebView view, String url, String message, 
                String defaultValue, final JsPromptResult result) { 
            LayoutInflater inflater = LayoutInflater 
                    .from(WebViewDemoActivity.this); 
            final View v = inflater.inflate(R.layout.myDialog, null); 
            // 設置 TextView對應網頁中的提示信息  
            ((TextView) v.findViewById(R.id.textView)).setText(message); 
            // 設置EditText對應網頁中的輸入框  
            ((EditText) v.findViewById(R.id.editText)) 
                    .setText(defaultValue); 
 
            Builder builder = new Builder(WebViewDemoActivity.this); 
            builder.setTitle("帶輸入的對話框"); 
            builder.setView(v); 
            builder.setPositiveButton(android.R.string.ok, 
                    new AlertDialog.OnClickListener() { 
                        @Override 
                        public void onClick(DialogInterface dialog, 
                                int which) { 
                            String value = ((EditText) v 
                                    .findViewById(R.id.editText)).getText() 
                                    .toString(); 
                            result.confirm(value); 
                        } 
                    }); 
            builder.setNegativeButton(android.R.string.cancel, 
                    new AlertDialog.OnClickListener() { 
                        @Override 
                        public void onClick(DialogInterface dialog, 
                                int which) { 
                            result.cancel(); 
                        } 
                    }); 
            builder.setOnCancelListener(new DialogInterface.OnCancelListener() { 
                @Override 
                public void onCancel(DialogInterface dialog) { 
                    result.cancel(); 
                } 
            }); 
            builder.create(); 
            builder.show(); 
            return true; 
        } 
 
        // 設置網頁加載的進度條  
        @Override 
        public void onProgressChanged(WebView view, int newProgress) { 
            WebViewDemoActivity.this.getWindow().setFeatureInt( 
                    Window.FEATURE_PROGRESS, newProgress * 100); 
            super.onProgressChanged(view, newProgress); 
        } 
         
        // 設置應用程序的標題  
        @Override 
        public void onReceivedTitle(WebView view, String title) { 
            WebViewDemoActivity.this.setTitle(title); 
            super.onReceivedTitle(view, title); 
        } 
    }); 

 

 

摘自 殤雲的專欄

發佈留言