android WebView 學習

在移動互聯網的爭奪日趨白熱化,各個互聯網巨頭紛紛推出自己的手機瀏覽器,瀏覽器市場的爭奪從桌面轉移到了手機。

在Android手機中內置了一款高性能webkit內核瀏覽器,在SDK中封裝爲一個叫做WebView組件。

什麼是webkit

WebKit是Mac OS X v10.3及以上版本所包含的軟件框架(對v10.2.7及以上版本也可通過軟件更新獲取)。同時,WebKit也是Mac OS X的Safari網頁瀏覽器的基礎。WebKit是一個開源項目,主要由KDE的KHTML修改而來並且包含了一些來自蘋果公司的一些組件。

傳統上,WebKit包含一個網頁引擎WebCore和一個腳本引擎JavaScriptCore,它們分別對應的是KDE的KHTML和KJS。不過,隨着JavaScript引擎的獨立性越來越強,現在WebKit和WebCore已經基本上混用不分(例如Google Chrome和Maxthon 3採用V8引擎,卻仍然宣稱自己是WebKit內核)。

這裏我們初步體驗一下在android是使用webview瀏覽網頁,在SDK的Dev Guide中有一個WebView的簡單例子 。

在開發過程中應該注意幾點:
1.AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
2.如果訪問的頁面中有Javascript,則webview必須設置支持Javascript。
webview.getSettings().setJavaScriptEnabled(true); 
3.如果頁面中鏈接,如果希望點擊鏈接繼續在當前browser中響應,而不是新開Android的系統browser中響應該鏈接,必須覆蓋webview的WebViewClient對象。

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

});

4.如果不做任何處理,瀏覽網頁,點擊系統“Back”鍵,整個Browser會調用finish()而結束自身,如果希望瀏覽的網頁回退而不是推出瀏覽器,需要在當前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); 

下一步讓我們來了解一下android中webview是如何支持javascripte自定義對象的,在w3c標準中js有window,history,document等標準對象,同樣我們可以在開發瀏覽器時自己定義我們的對象調用手機系統功能來處理,這樣使用js就可以爲所欲爲了。

看一個實例:

public class WebViewDemo extends Activity { 
private WebView mWebView; 
private Handler mHandler = new Handler(); 

public void onCreate(Bundle icicle) { 
super.onCreate(icicle); 
setContentView(R.layout.webviewdemo); 
mWebView = (WebView) findViewById(R.id.webview); 
WebSettings webSettings = mWebView.getSettings(); 
webSettings.setJavaScriptEnabled(true); 
mWebView.addJavascriptInterface(new Object() { 
public void clickOnAndroid() { 
mHandler.post(new Runnable() { 
public void run() { 
mWebView.loadUrl("javascript:wave()"); 

}); 

}, "demo"); 
mWebView.loadUrl("file:///android_asset/demo.html"); 

我們看addJavascriptInterface(Object obj,String interfaceName)這個方法,該方法將一個java對象綁定到一個javascript對象中,javascript對象名就是 interfaceName(demo),作用域是Global。這樣初始化webview後,在webview加載的頁面中就可以直接通過 javascript:window.demo訪問到綁定的java對象了。來看看在html中是怎樣調用的。

<html> 
<script language="javascript"> 
function wave() { 
document.getElementById("droid").src="android_waving.png"; 

</script> 
<body> 
<a onClick="window.demo.clickOnAndroid()"> 
<img id="droid" src="android_normal.png"/><br> 
Click me! 
</a> 
</body> 
</html> 
這樣在javascript中就可以調用java對象的clickOnAndroid()方法了,同樣我們可以在此對象中定義很多方法(比如發短信,調用聯繫人列表等手機系統功能。),這裏wave()方法是java中調用javascript的例子。

這裏還有幾個知識點:

1)爲了讓WebView從apk文件中加載assets,Android SDK提供了一個schema,前綴爲"file:///android_asset/"。WebView遇到這樣的schema,就去當前包中的assets目錄中找內容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要綁定的Java對象及方法要運行另外的線程中,不能運行在構造他的線程中,這也是使用Handler的目的。

轉:http://hi.baidu.com/relayon/blog/item/92b15463677d3e6b0d33fa79.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章