WebView使用詳解——WebViewClient與常用事件監聽

Zzq_Big_Cow發表於2017-07-04
原文網址 : https://blog.csdn.net/zzq_big_cow/article/details/74294499
WebViewclient事件

一、WebViewClient

1、概述

前面我們雖然實現了互動，但可能我們會有一個很簡單的需求，就是在開始載入網頁的時候顯示進度條，載入結束以後隱藏進度條，這要怎麼做？ 
這些簡單的需求，Android開發的老人們肯定都已經想到了，這些有關各種事件的回撥都被封裝在WebViewClient類中了，在WebViewClient中有各種的回撥方法，就是在某個事件發生時供我們監聽 
使用方法如下：

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  4.         super.onPageStarted(view, url, favicon);  
  5.         Log.d(TAG,"onPageStarted");  
  6.     }  
  7.   
  8.     @Override  
  9.     public void onPageFinished(WebView view, String url) {  
  10.         super.onPageFinished(view, url);  
  11.         Log.d(TAG,"onPageFinished");  
  12.     }  
  13. });  
直接呼叫WebView.setWebViewClient方法即可設定WebViewClient回撥，這裡重寫的兩個函式，onPageStarted會在WebView開始載入網頁時呼叫，onPageFinished會在載入結束時呼叫。這兩個函式就可以完成我們開篇時的需求：在開始載入時顯示進度條，在結束載入時隱藏進度條。

2、WebViewClient中函式概述

在WebViewClient中除了上面我們列舉出的onPageStarted、onPageFinished還有很多其它函式，分別是：
[java] view plain copy
  1. /** 
  2.  * 在開始載入網頁時會回撥 
  3.  */  
  4. public void onPageStarted(WebView view, String url, Bitmap favicon)   
  5. /** 
  6.  * 在結束載入網頁時會回撥 
  7.  */  
  8. public void onPageFinished(WebView view, String url)  
  9. /** 
  10.  * 攔截 url 跳轉,在裡邊新增點選連結跳轉或者操作 
  11.  */  
  12. public boolean shouldOverrideUrlLoading(WebView view, String url)  
  13. /** 
  14.  * 載入錯誤的時候會回撥，在其中可做錯誤處理，比如再請求載入一次，或者提示404的錯誤頁面 
  15.  */  
  16. public void onReceivedError(WebView view, int errorCode,String description, String failingUrl)  
  17. /** 
  18.  * 當接收到https錯誤時，會回撥此函式，在其中可以做錯誤處理 
  19.  */  
  20. public void onReceivedSslError(WebView view, SslErrorHandler handler,SslError error)  
  21. /** 
  22.  * 在每一次請求資源時，都會通過這個函式來回撥 
  23.  */  
  24. public WebResourceResponse shouldInterceptRequest(WebView view,  
  25.         String url) {  
  26.     return null;  
  27. }  
上面的方法比較多，我們一個個來看

3、WebViewClient之onPageStarted與onPageFinished

onPageStarted：通知主程式頁面當前開始載入。該方法只有在載入main frame時載入一次，如果一個頁面有多個frame，onPageStarted只在載入main frame時呼叫一次。也意味著若內建frame發生變化，onPageStarted不會被呼叫，如：在iframe中開啟url連結。 
onPageFinished：通知主程式頁面載入結束。方法只被main frame呼叫一次。 
我們就利用上面的想法來舉個例子：開始載入時顯示載入圓圈，結束載入時隱藏載入圓圈
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  16.         mWebView.setWebViewClient(new WebViewClient(){  
  17.   
  18.             @Override  
  19.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  20.                 mWebView.loadUrl(url);  
  21.                 return true;  
  22.             }  
  23.   
  24.             @Override  
  25.             public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  26.                 super.onPageStarted(view, url, favicon);  
  27.                 mProgressDialog.show();  
  28.             }  
  29.   
  30.             @Override  
  31.             public void onPageFinished(WebView view, String url) {  
  32.                 super.onPageFinished(view, url);  
  33.                 mProgressDialog.hide();  
  34.             }  
  35.         });  
  36.     }  
  37. }  
效果圖如下：

從效果圖中可以明顯看出，在載入頁面的時候會顯示圓形載入框，在載入成功以後會隱藏載入框。

4、WebViewClient之shouldOverrideUrlLoading

該函式的完整宣告如下：

[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url)  
這個函式會在載入超連結時回撥過來；所以通過重寫shouldOverrideUrlLoading，可以實現對網頁中超連結的攔截； 
返回值是boolean型別，表示是否遮蔽WebView繼續載入URL的預設行為，因為這個函式是WebView載入URL前回撥的，所以如果我們return true，則WebView接下來就不會再載入這個URL了，所有處理都需要在WebView中操作，包含載入。如果我們return false，則系統就認為上層沒有做處理，接下來還是會繼續載入這個URL的。WebViewClient預設就是return false的：
[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  2.        return false;  
  3. }  

（1）、如何在WebView中載入線上網址

在上一篇中，我們提到，如果要在WebView中載入線上網址，必須重寫WebViewClient 
現在網上鋪天蓋地的都是重寫shouldOverrideUrlLoading來將URL載入進WebView,但在用多了WebView以後會發現，直接下面這樣寫，就可以實現在WebVIew中載入網頁：
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient());  
  16.   
  17.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  18.     }  
  19. }  
效果圖如下：

從效果圖中可以看出即僅僅設定WebViewClient物件，使用它的預設回撥就可以實現在WebView中載入線上URL了：

[plain] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient());  

（2）、shouldOverrideUrlLoading用途

由於每次超連結在載入前都會先走shouldOverrideUrlLoading回撥，所以我們如果想攔截某個URL，將其轉換成其它URL可以在這裡做。 
比如，我們攔截所有包含“blog.csdn.net”的地址，將其替換成”www.baidu.com”： 
效果圖如下：

程式碼如下：

[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient(){  
  16.             @Override  
  17.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  18.                 if (url.contains("blog.csdn.net")){  
  19.                     view.loadUrl("http://www.baidu.com");  
  20.                 }else {  
  21.                     view.loadUrl(url);  
  22.                 }  
  23.                 return true;  
  24.             }  
  25.         });  
  26.   
  27.         mWebView.loadUrl("http://blog.csdn.net/harvic880925");  
  28.     }  
  29. }  
最關鍵的位置在：
[java] view plain copy
  1. public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  2.    if (url.contains("blog.csdn.net")){  
  3.         view.loadUrl("http://www.baidu.com");  
  4.     }else {  
  5.         view.loadUrl(url);  
  6.     }  
  7.    return true;  
  8. }  
如果在當前webview載入的url中包含“blog.csdn.net”，則將其轉換成”www.baidu.com” 
這裡需要非常注意的是：如果我們在shouldOverrideUrlLoading中return true,就表示告訴系統我們已經攔截了URL並做處理，不需要再觸發系統預設的行為（）在WebView中載入URL；所以對於其它URL我們需要在else裡重新呼叫view.loadUrl(url)來載入；不然WebView將會白屏，因為這個URL根本就沒有載入進WebView，在shouldOverrideUrlLoading這就被我們攔截掉了。 
那麼問題來了，在我們return true了以後，WebView還會請求網路嗎？我們來抓下請求：

從請求中可以看到，我們雖然攔截了”http://blog.csdn.net/harvic880925“但是仍然還是會請求網路的。只是請求以後結果並沒有通過WebView載入。 
那問題來了，如果我們return false呢，如果我們return false的話，是不需要else語句的，因為系統預設會載入這個URL，所以上面的語句與下面的意義相等：

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  4.         if (url.contains("blog.csdn.net")){  
  5.             view.loadUrl("http://www.baidu.com");  
  6.         }  
  7.         return false;  
  8.     }  
  9. }      
所以相對而言，我們使用return false好像更方便，只需要對需要攔截的URL進行攔截，攔截以後，讓WebView處理預設操作即可。 
所以結論來了：
在利用shouldOverrideUrlLoading來攔截URL時，如果return true，則會遮蔽系統預設的顯示URL結果的行為，不需要處理的URL也需要呼叫loadUrl()來載入進WebVIew，不然就會出現白屏；如果return false，則系統預設的載入URL行為是不會被遮蔽的，所以一般建議大家return false，我們只關心我們關心的攔截內容，對於不攔截的內容，讓系統自己來處理即可。

5、WebViewClient之onReceivedError

onReceivedError的完整宣告如下：

[java] view plain copy
  1. public void onReceivedError(WebView view, int errorCode,String description, String failingUrl)  
載入錯誤的時候會產生這個回撥，在其中可做錯誤處理，比如我們可以載入一個錯誤提示頁面 
這裡有四個引數：
  • WebView view:當前的WebView例項
  • int errorCode：錯誤碼
  • String description：錯誤描述
  • String failingUrl：當前出錯的URL
我們可以先寫一個錯誤提示的本地頁面：（error.html）
[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8.     <h1 id="h">啊哈,出錯了……</h1>  
  9. </body>  
  10. </html>  
然後在載入返回錯誤時，重新載入錯誤頁面
[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {  
  4.         super.onReceivedError(view, errorCode, description, failingUrl);  
  5.         mWebView.loadUrl("file:///android_asset/error.html");  
  6.     }  
  7. });  
效果圖如下：

原始碼在文章底部給出

6、WebViewClient之onReceivedSslError

我們知道HTTPS協議是通過SSL來通訊的，所以當使用HTTPS通訊的網址（以https://開頭的網站）出現錯誤時，就會通過onReceivedSslError回撥通知過來，它的函式宣告為：

[java] view plain copy
  1. /** 
  2.  * 當接收到https錯誤時，會回撥此函式，在其中可以做錯誤處理 
  3.  */  
  4. public void onReceivedSslError(WebView view, SslErrorHandler handler,SslError error)  
  • WebView view:當前的WebView例項
  • SslErrorHandler handler：當前處理錯誤的Handler，它只有兩個函式SslErrorHandler.proceed()和SslErrorHandler.cancel()，SslErrorHandler.proceed()表示忽略錯誤繼續載入，SslErrorHandler.cancel()表示取消載入。在onReceivedSslError的預設實現中是使用的SslErrorHandler.cancel()來取消載入，所以一旦出來SSL錯誤，HTTPS網站就會被取消載入了，如果想忽略錯誤繼續載入就只有重寫onReceivedSslError，並在其中呼叫SslErrorHandler.proceed()
  • SslError error：當前的的錯誤物件，SslError包含了當前SSL錯誤的基本所有資訊，大家自己去看下它的方法吧，這裡就不再展開了。

示例（1）、預設載入SSL出錯的網站——出現空白頁面

我們先舉個例子來看下預設情況下載入SSL有錯的網站，WebView的表現是怎樣的：(12306是通過Https協議來傳輸的，但是它的SSL證照是有問題的，所以我們就以12306網站為例)
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.         mWebView.setWebViewClient(new WebViewClient(){  
  16.             @Override  
  17.             public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  18.                 super.onReceivedSslError(view, handler, error);  
  19.                 Log.e(TAG,"sslError:"+error.toString());  
  20.             }  
  21.   
  22.         mWebView.loadUrl("https://www.12306.cn/");  
  23.     }  
  24. }  
在這裡僅僅重寫onReceivedSslError，並呼叫super.onReceivedSslError(view, handler, error);來呼叫預設的處理方式，然後把錯誤日誌打出來：

錯誤日誌如下：


示例（2）、使用SslErrorHandler.proceed()來繼續載入

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  4. //      一定要註釋掉！      
  5. //      super.onReceivedSslError(view, handler, error);  
  6.         handler.proceed();  
  7.         Log.e(TAG,"sslError:"+error.toString());  
  8.     }  
  9. });  
這裡做了兩個改變： 
第一：註釋掉super.onReceivedSslError(view, handler, error);，取消系統的預設行為，我們看原始碼，可以發現在WebViewClient中onReceivedSslError的預設實現是這樣的：
[java] view plain copy
  1. public void onReceivedSslError(WebView view, SslErrorHandler handler,  
  2.         SslError error) {  
  3.     handler.cancel();  
  4. }  
所以預設是取消繼續載入的，所以我們必須註釋掉super.onReceivedSslError(view, handler, error)來取消這個預設行為！ 
第二：呼叫handler.proceed();來忽略錯誤繼續載入頁面。 
所以此時的效果圖為：

示例（3）：在SSL發生錯誤時，onReceivedError會被回撥嗎？——不會

大家可能還有一個疑問：當SSL發生錯誤時，我們說會回撥onReceivedSslError，我們前面還說了一個出錯時會回撥的函式：onReceivedError，那麼問題來了，當出現SSL錯誤時onReceivedError會被回撥嗎？ 
答案是不會的，我們來做個實驗：

[java] view plain copy
  1. mWebView.setWebViewClient(new WebViewClient(){  
  2.     @Override  
  3.     public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {  
  4. //                super.onReceivedSslError(view, handler, error);  
  5.         handler.proceed();  
  6.         Log.e(TAG,"sslError:"+error.toString());  
  7.     }  
  8.   
  9.     @Override  
  10.     public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {  
  11.         super.onReceivedError(view, errorCode, description, failingUrl);  
  12.         Log.e(TAG,"onReceivedError:"+errorCode+"  "+description);  
  13.     }  
  14. });  

在程式碼中我們同時使用onReceivedSslError和onReceivedError來接收錯誤，看下在出錯時，哪個函式中會打出LOG，結果的日誌如下：


從日誌中明顯可以看出，只有onReceivedSslError的接收日誌，所以在SSL出錯時，是不會觸發onReceivedError回撥的
所以對於onReceivedSslError結論來了：
當出現SSL錯誤時，WebView預設是取消載入當前頁面，只有去掉onReceivedSslError的預設操作，然後新增SslErrorHandler.proceed()才能繼續載入出錯頁面
當HTTPS傳輸出現SSL錯誤時，錯誤會只通過onReceivedSslError回撥傳過來

7、WebViewClient之shouldInterceptRequest

在每一次請求資源時，都會通過這個函式來回撥，比如超連結、JS檔案、CSS檔案、圖片等，也就是說瀏覽器中每一次請求資源時，都會回撥回來，無論任何資源！但是必須注意的是shouldInterceptRequest函式是在非UI執行緒中執行的，在其中不能直接做UI操作，如果需要做UI操作，則需要利用Handler來實現，該函式宣告如下：

[java] view plain copy
  1. public WebResourceResponse shouldInterceptRequest(WebView view,  
  2.         String url) {  
  3.     return null;  
  4. }  
該函式會在請求資源前呼叫，我們可以通過返回WebResourceResponse的處理結果來讓WebView直接使用我們的處理結果。如果我們不想處理，則直接返回null，系統會繼續載入該資源。 
利用這個特性，我們可以解決一個需求：假如網頁中需要載入本地的圖片，我們就可以通過攔截shouldInterceptRequest，並返回結果即可 
比如下面的一段HTML程式碼中，img欄位載入圖片的地址是：http://localhost/qijian.png，這是我自定義的一個網址，在Android中，當發現要載入這個地址的資源時，我們將它換成本地的圖片
[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8.     <h1 id="h">歡迎光臨啟艦的blog</h1>  
  9.     <img src="http://localhost/qijian.png"/>  
  10. </body>  
  11. </html>  
然後是Native程式碼：
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.   
  15.   
  16.         mWebView.setWebViewClient(new WebViewClient(){  
  17.             @Override  
  18.             public WebResourceResponse shouldInterceptRequest(WebView view, String url) {  
  19.                 try {  
  20.                     if (url.equals("http://localhost/qijian.png")) {  
  21.                         AssetFileDescriptor fileDescriptor =  getAssets().openFd("s07.jpg");  
  22.                         InputStream stream = fileDescriptor.createInputStream();  
  23.                         WebResourceResponse response = new WebResourceResponse("image/png", "UTF-8", stream);  
  24.                         return response;  
  25.                     }  
  26.                 }catch (Exception e){  
  27.                     Log.e(TAG,e.getMessage());  
  28.                 }  
  29.                 return super.shouldInterceptRequest(view, url);  
  30.             }  
  31.         });  
  32.   
  33.         mWebView.loadUrl("file:///android_asset/web.html");  
  34. }          
這裡程式碼比較容易理解，當發現當前載入資源的url是我們自定義的http://localhost/qijian.png時，就直接將本地的圖片s07.jpg作為結果返回。有關使用WebResourceResponse來構造結果的方法，我這裡就不再展開了，內容實在是太多了，想具體瞭解針對不同情況如何返回結果的話，自己搜下相關資料吧。 
結果圖如下：

7、WebViewClient之其餘函式

上面講了常用的大部分函式，還些一些函式，並不怎麼用，這裡由於篇幅有限就不再講了，把函式宣告和作用列出來供大家參考

[java] view plain copy
  1. /** 
  2.  * 在載入頁面資源時會呼叫，每一個資源（比如圖片）的載入都會呼叫一次 
  3.  */  
  4. public void onLoadResource(WebView view, String url)   
  5.  /** 
  6.  *  (WebView發生改變時呼叫)  
  7.  *  可以參考http://www.it1352.com/191180.html的用法 
  8.  */  
  9.  public void onScaleChanged(WebView view, float oldScale, float newScale)  
  10.  /** 
  11.  * 重寫此方法才能夠處理在瀏覽器中的按鍵事件。 
  12.  * 是否讓主程式同步處理Key Event事件，如過濾選單快捷鍵的Key Event事件。 
  13.  * 如果返回true，WebView不會處理Key Event， 
  14.  * 如果返回false，Key Event總是由WebView處理。預設：false 
  15.  */  
  16. public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event)  
  17.  /** 
  18.  * 是否重發POST請求資料，預設不重發。 
  19.  */  
  20. onFormResubmission(WebView view, Message dontResend, Message resend)  
  21.  /** 
  22.  * 更新訪問歷史 
  23.  */  
  24. doUpdateVisitedHistory(WebView view, String url, boolean isReload)  
  25.  /** 
  26.  * 通知主程式輸入事件不是由WebView呼叫。是否讓主程式處理WebView未處理的Input Event。 
  27.  * 除了系統按鍵，WebView總是消耗掉輸入事件或shouldOverrideKeyEvent返回true。 
  28.  * 該方法由event 分發非同步呼叫。注意：如果事件為MotionEvent，則事件的生命週期只存在方法呼叫過程中， 
  29.  * 如果WebViewClient想要使用這個Event，則需要複製Event物件。 
  30.  */  
  31. onUnhandledInputEvent(WebView view, InputEvent event)  
  32.  /** 
  33.  * 通知主程式執行了自動登入請求。 
  34.  */  
  35. onReceivedLoginRequest(WebView view, String realm, String account, String args)  
  36. /** 
  37.  * 通知主程式：WebView接收HTTP認證請求，主程式可以使用HttpAuthHandler為請求設定WebView響應。預設取消請求。 
  38.  */  
  39. onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)  
  40. /** 
  41.  * 通知主程式處理SSL客戶端認證請求。如果需要提供金鑰，主程式負責顯示UI介面。 
  42.  * 有三個響應方法：proceed(), cancel() 和 ignore()。 
  43.  * 如果呼叫proceed()和cancel()，webview將會記住response， 
  44.  * 對相同的host和port地址不再呼叫onReceivedClientCertRequest方法。 
  45.  * 如果呼叫ignore()方法，webview則不會記住response。該方法在UI執行緒中執行， 
  46.  * 在回撥期間，連線被掛起。預設cancel()，即無客戶端認證 
  47.  */  
  48. onReceivedClientCertRequest(WebView view, ClientCertRequest request)<span style="color:#006600;">  
  49. </span>  

二、其它事件處理

上面講了有關WebViewClient的用法，但其中還有一些小問題是WebViewClient無法解決的，比如返回按鍵、滾動事件監聽等，下面我們就這些問題來跟大家做下探討

1、返回按鍵

如果用webview點連結看了很多頁以後，如果不做任何處理，點選系統“Back”鍵，整個瀏覽器會呼叫finish()而結束自身，如果希望瀏覽的網頁回退而不是退出瀏覽器，需要在當前Activity中處理並消費掉該Back事件。 覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。
[java] view plain copy
  1. public class MyActivity extends Activity {  
  2.     private WebView mWebView;  
  3.   
  4.     private ProgressDialog mProgressDialog;  
  5.     private String TAG = "qijian";  
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.   
  11.         mWebView = (WebView)findViewById(R.id.webview);  
  12.         mProgressDialog = new ProgressDialog(this);  
  13.         mWebView.getSettings().setJavaScriptEnabled(true);  
  14.         mWebView.setWebViewClient(new WebViewClient());  
  15.   
  16.         mWebView.loadUrl("http://blog.csdn.net/harvic880925/");  
  17.     }  
  18.   
  19.     @Override  
  20.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  21.          //改寫物理返回鍵的邏輯  
  22.         if(keyCode==KeyEvent.KEYCODE_BACK) {  
  23.             if(mWebView.canGoBack()) {  
  24.                 mWebView.goBack();//返回上一頁面   
  25.                 return true;  
  26.             } else {  
  27.                 System.exit(0);//退出程式   
  28.             }  
  29.         }  
  30.         return super.onKeyDown(keyCode, event);  
  31.     }  
  32. }  
在未重寫onKeyDown前的效果圖：點選回退按鈕，整個Activity就銷燬了

重寫onKeyDown後的效果圖：

可見在重寫onKeyDown後，點選回退按鈕時，就會回退到WebView的上一個頁面。

2、滾動事件監聽

我們都知道監聽滾動事件一般都是設定setOnScrollChangedListener，可惜的是 WebView並沒有給我們提供這樣的方法，但是我們可以重寫WebView，覆蓋裡面的一個方法： protected void onScrollChanged(final int l, final int t, final int oldl,final int oldt){} 然後再對外提供一個介面，示例程式碼如下：

[java] view plain copy
  1. public class MyWebView extends WebView {  
  2.   
  3.     private OnScrollChangedCallback mOnScrollChangedCallback;  
  4.   
  5.     public MyWebView(Context context) {  
  6.         super(context);  
  7.     }  
  8.   
  9.     public MyWebView(Context context, AttributeSet attrs) {  
  10.         super(context, attrs);  
  11.     }  
  12.   
  13.     public MyWebView(Context context, AttributeSet attrs, int defStyleAttr) {  
  14.         super(context, attrs, defStyleAttr);  
  15.     }  
  16.   
  17.     @Override  
  18.     protected void onScrollChanged(int l, int t, int oldl, int oldt) {  
  19.         super.onScrollChanged(l, t, oldl, oldt);  
  20.         if (mOnScrollChangedCallback != null) {  
  21.             mOnScrollChangedCallback.onScroll(l,t,oldl,oldt);  
  22.         }  
  23.     }  
  24.   
  25.     public OnScrollChangedCallback getOnScrollChangedCallback() {  
  26.         return mOnScrollChangedCallback;  
  27.     }  
  28.   
  29.     public void setOnScrollChangedCallback(  
  30.             final OnScrollChangedCallback onScrollChangedCallback) {  
  31.         mOnScrollChangedCallback = onScrollChangedCallback;  
  32.     }  
  33.   
  34.     public static interface OnScrollChangedCallback {  
  35.         public void onScroll(int left,int top ,int oldLeft,int oldTop);  
  36.     }  
  37. }  
這段程式碼難度不大，就不再細講了。

3、如何強制使用外部瀏覽器開啟網頁

如果不想在 webview 中顯示網頁，而是直接跳轉到瀏覽器的話，可以像下邊那樣呼叫。
[java] view plain copy
  1. Uri uri = Uri.parse("http://www.example.com");   
  2. Intent intent = new Intent(Intent.ACTION_VIEW, uri);   
  3. startActivity(intent);  
這裡是使用隱式Intent的方式來啟用外部應用，有關隱式Intent的知識，可以參考： 
《intent詳解（一）》 
《intent詳解（二）》

好了，這篇文章就到這裡了，下篇文章給大家繼續講解有關WebView的知識。

如果本文有幫到你，記得加關注哦

原始碼下載地址：http://download.csdn.net/detail/harvic880925/9534186

轉載請標明出處：http://blog.csdn.net/harvic880925/article/details/51523983

相關文章