大部分內(nèi)容為網(wǎng)上整理其它高人的帖子,現(xiàn)只作整理,用于查看:
在Android手機(jī)中內(nèi)置了一款高性能webkit內(nèi)核瀏覽器,在SDK中封裝為一個叫做WebView組件。?
什么是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引擎的獨(dú)立性越來越強(qiáng),現(xiàn)在WebKit和WebCore已經(jīng)基本上混用不分(例如Google Chrome和Maxthon 3采用V8引擎,卻仍然宣稱自己是WebKit內(nèi)核)。?
這里我們初步體驗(yàn)一下在android是使用webview瀏覽網(wǎng)頁,在SDK的Dev Guide中有一個WebView的簡單例子 。?
在開發(fā)過程中應(yīng)該注意幾點(diǎn):?
? ? 1.AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
? ? 2.如果訪問的頁面中有Javascript,則webview必須設(shè)置支持Javascript。
? ?? ???webview.getSettings().setJavaScriptEnabled(true);??
? ? 3.如果頁面中鏈接,如果希望點(diǎn)擊鏈接繼續(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)頁,點(diǎn)擊系統(tǒng)“Back”鍵,整個Browser會調(diào)用finish()而結(jié)束自身,如果希望瀏覽的網(wǎng) 頁回退而不是推出瀏覽器,需要在當(dāng)前Activity中處理并消費(fèi)掉該Back事件。
?
?public?boolean?onKeyDown(int?keyCode,?KeyEvent?event)?{ ????????//?TODO?Auto-generated?method?stub ????????if(keyCode==KeyEvent.KEYCODE_BACK) ????????{ ????????????if(webView.canGoBack()) ????????????{ ????????????????webView.goBack();//返回上一頁面 ????????????????return?true; ????????????} ????????????else ????????????{ ????????????????System.exit(0);//退出程序 ????????????} ????????} ????????return?super.onKeyDown(keyCode,?event); ????}
???? ????}?????
?
?
下一步讓我們來了解一下android中webview是如何支持javascripte自定義對象的,在w3c標(biāo)準(zhǔn)中js有 window,history,document等標(biāo)準(zhǔn)對象,同樣我們可以在開發(fā)瀏覽器時自己定義我們的對象調(diào)用手機(jī)系統(tǒng)功能來處理,這樣使用js就可以 為所欲為了。
??看一個實(shí)例:
?
view
plaincopy
to clipboardprint?
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()?{
???????????
@JavascriptInterface??????
????????????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中是怎樣調(diào)用的。
?
??????
?判斷頁面加載過程
????webView.setWebChromeClient(new?WebChromeClient()?{ ????????????@Override ????????????public?void?onProgressChanged(WebView?view,?int?newProgress)?{ ????????????????//?TODO?Auto-generated?method?stub ????????????????if?(newProgress?==?100)?{ ????????????????????//?網(wǎng)頁加載完成 ????????????????}?else?{ ????????????????????//?加載中 ????????????????} ????????????} ????????});
緩存的使用
優(yōu)先使用緩存
webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
不使用緩存:
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
需要注意的幾點(diǎn):
1、如果訪問的頁面中有Javascript,則webview必須設(shè)置支持Javascript
//啟用支持javascript WebSettings?settings?=?webView.getSettings(); settings.setJavaScriptEnabled(true);
2、4.2之前向webview注入的對象所暴露的接口沒有注釋語句@JavascriptInterface,而4.2及以后的則需要注釋語句@JavascriptInterface
?
這樣在javascript中就可以調(diào)用java對象的clickOnAndroid()方法了,同樣我們可以在此對象中定義很多方法(比 如發(fā)短信,調(diào)用聯(lián)系人列表等手機(jī)系統(tǒng)功能。),這里wave()方法是java中調(diào)用javascript的例子。
這里還有幾個知識點(diǎn):?
1)為了讓W(xué)ebView從apk文件中加載assets,Android SDK提供了一個schema,前綴為"file:///android_asset/"。WebView遇到這樣的schema,就去當(dāng)前包中的 assets目錄中找內(nèi)容。如上面的"file:///android_asset/demo.html"?
2)addJavascriptInterface方法中要綁定的Java對象及方法要運(yùn)行另外的線程中,不能運(yùn)行在構(gòu)造他的線程中,這也是使用 Handler的目的。