快捷導(dǎo)航

Android開發(fā)之WebView組件的使用解析

更新時間：2012年12月05日 14:10:52 作者：

WebView 類是 WebKit 模塊 Java 層的視圖類，所有需要使用 Web 瀏覽功能的Android應(yīng)用程序都要創(chuàng)建該視圖對象顯示和處理請求的網(wǎng)絡(luò)資源,接下來將詳細介紹，需要了解的朋友可以參考下

在 Android 手機中內(nèi)置了一款高性能 webkit 內(nèi)核瀏覽器， SDK 中封裝為一個叫做 WebView 組件。
WebView 類是 WebKit 模塊 Java 層的視圖類，（所有需要使用 Web 瀏覽功能的Android應(yīng)用程序都要創(chuàng)建該視圖對象顯示和處理請求的網(wǎng)絡(luò)資源。目前，WebKit 模塊支持 HTTP、HTTPS、FTP 以及 javascript 請求。
WebView 作為應(yīng)用程序的 UI 接口，為用戶提供了一系列的網(wǎng)頁瀏覽、用戶交互接口，客戶程序通過這些接口訪問 WebKit 核心代碼。）

什么是 webkit
WebKit 是 Mac OS X v10.3 及以上版本所包含的軟件框架（對 v10.2.7 及以上版本也可通過軟件更新獲?。?同時，
WebKit 也是 Mac OS X 的 Safari 網(wǎng)頁瀏覽器的基礎(chǔ)。WebKit 是一個開源項目，主要由 KDE 的 KHTML 修改而來并且包含了一些來自蘋果公司的一些組件。
傳統(tǒng)上， WebKit 包含一個網(wǎng)頁引擎 WebCore 和一個腳本引擎 JavaScriptCore，它們分別對應(yīng) 的是 KDE 的 KHTML 和 KJS。
不過，隨著 JavaScript 引擎的獨立性越來越強，現(xiàn)在 WebKit 和 WebCore 已經(jīng)基本上混用不分（例如 Google Chrome 和 Maxthon 3 采用 V8引擎，卻仍然宣稱自己是 WebKit 內(nèi)核）。
這里我們初步體驗一下在 android 是使用 webview 瀏覽網(wǎng)頁，

SDK 的 Dev Guide 中有一個在 WebView 的簡單例子。在開發(fā)過程中應(yīng)該注意幾點： 1.AndroidManifest.xml 中必須使用許可"android.permission.INTERNET",否則會出 Web page not available 錯誤。
2.如果訪問的頁面中有 Javascript，則 webview 必須設(shè)置支持 Javascript。 webview.getSettings().setJavaScriptEnabled(true);
3.如果頁面中鏈接，如果希望點擊鏈接繼續(xù)在當前 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; } });
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) 頁回退而不是推出瀏覽器，需要在當前 Activity 中處理并消費掉該 Back 事件。

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

 
public boolean onKeyDown(int keyCode, KeyEvent event){ <BR> if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { 
mWebView.goBack(); 
return true; 
} 
return super.onKeyDown(keyCode, event); 
} 

在tomcat上放一個漂亮頁面
1.加載網(wǎng)頁（加權(quán)限）
定義一個網(wǎng)址輸入文本框，點按鈕用webView打開這個網(wǎng)頁
2.編寫data字符串，webview.loadData(data,"text/html","UTF-8");
3.用dialog的setiem打開網(wǎng)址，前進，后退，放大，縮小，清歷史。
4.用HTML定義開發(fā)界面。file:/android_asset/a.html

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

 
<script> 
function loadurl(){ } 
< /script> 
< select name=""> 
<option value=""/> 
<option value=""/> 
< /select> 
webview.getSettings().setJavaScriptEnabled(true); 
webview.getSettings().setBuiltInZoomControls(true); 
webview.loadUrl(file:///...); 

5.js對話框(用chom..)

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

 
function openAlert(){ 
window.alert(""); 
} 
function openConfirm(){ 
if(window.confirm("是否刪除此信息？")){ 
window.location="myjs.html";//-------------------!!! 
} 
} 
<input type="submit" value="警告" onClick="openAlert()"> 
< input type="submit" value="確認" onClick="openConfirm()"> 

java調(diào)js中的方法：

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

 
//在java中調(diào)用javascript方法要通過loadUrl()來進行，把要調(diào)用的方法作為loadUrl方法的字符串參數(shù) 
settings.setJavaScriptEnabled(true);//設(shè)置在webview中可用js 
webview.loadUrl("javascript:myprompt1()"); 

javascript中調(diào)java中的方法：（特別強調(diào)要用Android2.2版模擬器）

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

 
webview.addJavascriptInterface(new MyInterface(), "myobj");//第二步---注冊在js中調(diào)用的對象名myobj 
webview.loadUrl("file:///android_asset/test.html"); 
//第一步：定義要在js中調(diào)用的方法 
class MyInterface{ 
public String getname(){ 
return "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"; 
} 
} 

------------javascript中：-----

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

 
function myinterface(){ 
document.getElementById("myname").innerHTML = window.myobj.getname() ; 
} 

WebView控件功能強大，除了具有一般View的屬性和設(shè)置外，還可以對url請求、頁面加載、渲染、頁面交互進行強大的處理。
WebView有幾個可以定制的點：
（1）設(shè)置WebChromeClient子類，WebChromeClient會在一些影響瀏覽器ui交互動作發(fā)生時被調(diào)用，比如WebView關(guān)閉和隱藏、頁面加載進展、js確認框和警告框、js加載前、js操作超時、webView獲得焦點等等，詳見WebChromeClient
（2）設(shè)置WebViewClient子類，WebViewClient會在一些影響內(nèi)容喧嚷的動作發(fā)生時被調(diào)用，比如表單的錯誤提交需要重新提交、頁面開始加載及加載完成、資源加載中、接收到http認證需要處理、頁面鍵盤響應(yīng)、頁面中的url打開處理等等，詳見WebViewClient
（3）設(shè)置WebSettings類，其中包含多項配置。WebSettings用來對WebView的配置進行配置和管理，比如是否可以進行文件操作、緩存的設(shè)置、頁面是否支持放大和縮小、是否允許使用數(shù)據(jù)庫api、字體及文字編碼設(shè)置、是否允許js腳本運行、是否允許圖片自動加載、是否允許數(shù)據(jù)及密碼保存等等，詳見WebSettings
（4）設(shè)置addJavascriptInterface方法，將java對象綁定到webView中，以方便從頁面js中控制java對象，實現(xiàn)用本地java代碼和html頁面進行交互，甚至可以進行頁面自動化。但如此做存在安全隱患，所以若設(shè)置了此方法，請確保webView的代碼都是自己完成，詳細使用addJavascriptInterface進行自動化見本文5使用addJavascriptInterface完成和js交互
1、back鍵控制網(wǎng)頁后退
Activity默認的back鍵處理為結(jié)束當前Activity，webView查看了很多網(wǎng)頁后，希望按back鍵返回上一次瀏覽的頁面，這個時候我們就需要覆蓋onKeyDown函數(shù)，告訴他如何處理，如下：

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

 
public boolean onKeyDown(int keyCode, KeyEvent event) { 
if (webView.canGoBack() && event.getKeyCode() == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { 
webView.goBack(); 
return true; 
} 
return super.onKeyDown(keyCode, event); 
} 

其中webView.canGoBack()在webView含有一個可后退的瀏覽記錄時返回true
webView.goBack();表示返回webView的上次訪問頁面
WebView(網(wǎng)絡(luò)視圖)能加載顯示網(wǎng)頁，可以將其視為一個瀏覽器。
網(wǎng)絡(luò)內(nèi)容:
1、LoadUrl直接顯示網(wǎng)頁內(nèi)容(單獨顯示網(wǎng)絡(luò)圖片)
2、LoadData顯示中文網(wǎng)頁內(nèi)容(含空格的處理)
APK包內(nèi)文件:
1、LoadUrl顯示APK中Html和圖片文件
2、LoadData(loadDataWithBaseURL)顯示APK中圖片和文字混合的Html內(nèi)容res/layout/main.xml
----------------------------------------------------------
當運行提示為web page not available時去清單文件中添加權(quán)限
<uses-permission android:name="android.permission.INTERNET"/>
URLUtil.isNetworkUrl(String uri)方法用來判斷用戶輸入的URL是否有效,如無效則會顯示一個Toast信息框來提醒用戶輸入正確的URL
----------------------------------------------------------
步驟：
1、在布局文件中聲明WebView
2、在Activity中實例化WebView
3、調(diào)用WebView的loadUrl( )方法，設(shè)置WevView要顯示的網(wǎng)頁
4、為了讓W(xué)ebView能夠響應(yīng)超鏈接功能，調(diào)用setWebViewClient( )方法，設(shè)置 WebView視圖
5、用WebView點鏈接看了很多頁以后為了讓W(xué)ebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統(tǒng)回退鍵，整個瀏覽器會調(diào)用finish()而結(jié)束自身，而不是回退到上一頁面
6、需要在AndroidManifest.xml文件中添加權(quán)限，否則出現(xiàn)Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET"/>
下面是具體的例子：
MainActivity.java

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

 
package com.android.webview.activity; 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.KeyEvent; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 
public class MainActivity extends Activity { 
private WebView webview; 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.main); 
webview = (WebView) findViewById(R.id.webview); 
//設(shè)置WebView屬性，能夠執(zhí)行Javascript腳本 
webview.getSettings().setJavaScriptEnabled(true); 
//加載需要顯示的網(wǎng)頁 
webview.loadUrl("http://www.8way.com/"); 
//設(shè)置Web視圖 
webview.setWebViewClient(new HelloWebViewClient ()); 
} 
@Override 
//設(shè)置回退 
//覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法 
public boolean onKeyDown(int keyCode, KeyEvent event) { 
if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { 
webview.goBack(); //goBack()表示返回WebView的上一頁面 
return true; 
} 
return false; 
} 
//Web視圖 
private class HelloWebViewClient extends WebViewClient { 
@Override 
public boolean shouldOverrideUrlLoading(WebView view, String url) { 
view.loadUrl(url); 
return true; 
} 
} 
} 

main.xml

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

 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 
<WebView 
android:id="@+id/webview" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
/> 
</LinearLayout> 
在AndroidManifest.xml文件中添加權(quán)限 
<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
package="com.android.webview.activity" 
android:versionCode="1" 
android:versionName="1.0"> 
<uses-sdk android:minSdkVersion="10" /> 
<application android:icon="@drawable/icon" android:label="@string/app_name"> 
<activity android:name=".MainActivity" 
android:label="@string/app_name"> 
<intent-filter> 
<action android:name="android.intent.action.MAIN" /> 
<category android:name="android.intent.category.LAUNCHER" /> 
</intent-filter> 
</activity> 
</application> 
<uses-permission android:name="android.permission.INTERNET"/> 
</manifest> 

webview學(xué)習記錄總結(jié)：
首先要在 manifest.main 文件中創(chuàng)建一個 webview，
然后再 activity 中定義這個 webview 然后進行以下相關(guān)操作。
1、添加權(quán)限：AndroidManifest.xml 中必須使用許可"android.permission.INTERNET",否則會出 Web page not available 錯誤。
2、在要Activity 中生成一個 WebView 組件：WebView webView = new WebView(this);
3、設(shè)置WebView 基本信息：
如果訪問的頁面中有 Javascript，則 webview 必須設(shè)置支持 Javascript。
webview.getSettings().setJavaScriptEnabled(true);
觸摸焦點起作用 requestFocus(); 取消滾動條 this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4 如果希望點擊鏈接由自己處理，而不是新開 Android 的系統(tǒng) browser 中響應(yīng)該鏈接。
給 WebView添加一個事件監(jiān)聽對象（ WebViewClient)并重寫其中的一些方法:
shouldOverrideUrlLoading：對網(wǎng)頁中超鏈接按鈕的響應(yīng)。當按下某個連接時 WebViewClient會調(diào)用這個方法，
并傳遞參數(shù)：按下的 url onLoadResource onPageStart onPageFinish onReceiveError onReceivedHttpAuthRequest
5、如果訪問的頁面中有 Javascript，則 webview 必須設(shè)置支持 Javascript ，否則顯示空白頁面。
Java 代碼 webview.getSettings().setJavaScriptEnabled(true);
6、如果頁面中鏈接，如果希望點擊鏈接繼續(xù)在當前 browser 中響應(yīng)，而不是新開 Android 的系統(tǒng) browser 中響應(yīng)該鏈接，必須覆蓋 webview 的 WebViewClient 對象： Java 代碼 1.mWebView.setWebViewClient(new WebViewClient(){ 2. 3. 4. 5. 6. });
上述方法告訴系統(tǒng)由我這個 WebViewClient 處理這個 Intent,我來加載 URL。點擊一個鏈接的 Intent 是向上冒泡的，
shouldOverrideUrlLoading 方法 return true 表示我加載后這個 Intent 就消費了，不再向上冒泡了。
7、如果不做任何處理，在顯示你的 Brower UI 時，點擊系統(tǒng)“Back”鍵，整個 Browser 會作為一個整體“Back" }
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true;
到其他 Activity 中，而不是希望的在 Browser 的歷史頁面中 Back。

您可能感興趣的文章: