Android WebView 使用

jopen 11年前發布 | 34K 次閱讀 Android Android開發 移動開發

在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就可以 為所欲為了。

  看一個實例:

01.public class WebViewDemo extends Activity {        
02.    private WebView mWebView;       
03.    private Handler mHandler = new Handler();       
04.       
05.    public void onCreate(Bundle icicle) {       
06.        super.onCreate(icicle);       
07.        setContentView(R.layout.webviewdemo);       
08.        mWebView = (WebView) findViewById(R.id.webview);       
09.        WebSettings webSettings = mWebView.getSettings();       
10.        webSettings.setJavaScriptEnabled(true);       
11.        mWebView.addJavascriptInterface(new Object() {       
12.            public void clickOnAndroid() {       
13.                mHandler.post(new Runnable() {       
14.                    public void run() {       
15.                        mWebView.loadUrl("javascript:wave()");       
16.                    }       
17.                });       
18.            }       
19.        }, "demo");       
20.        mWebView.loadUrl("file:///android_asset/demo.html");       
21.    }       
22.}   

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

 

     <html>       
            <mce:script language="javascript"><!--     

                    function wave() {       
                        document.getElementById("droid").src="android_waving.png";       
                    }       

    // --></mce:script>       
            <body>       
                <a onClick="window.demo.clickOnAndroid()">       
                                    <img id="droid" src="android_normal.png" mce_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的目的。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!