Android-Entwicklungshandbuch / Android 4.4后WebView的一些注意事項(xiàng)

Android 4.4后WebView的一些注意事項(xiàng)

本節(jié)引言：

本節(jié)參考原文：Android 4.4 中 WebView 使用注意事項(xiàng).md
從Android 4.4開始，Android中的WebView不再是基于WebKit的，而是開始基于Chromium，這個(gè)改變使得WebView的性能大幅提升，并且對(duì)HTML5，CSS，JavaScript有了更好的支持！
雖然chromium完全取代了以前的WebKit for Android，但Android WebView的API接口并沒有變，與老的版本完全兼容。這樣帶來的好處是基于WebView構(gòu)建的APP，無需做任何修改，就能享受chromium內(nèi)核的高效與強(qiáng)大。
對(duì)于4.4后的WebView，我們需要注意下下面這些問題：

1.多線程

如果你在子線程中調(diào)用WebView的相關(guān)方法，而不在UI線程，則可能會(huì)出現(xiàn)無法預(yù)料的錯(cuò)誤。所以，當(dāng)你的程序中需要用到多線程時(shí)候，也請(qǐng)使用runOnUiThread()方法來保證你關(guān)于 WebView的操作是在UI線程中進(jìn)行的：

runOnUiThread(newRunnable(){
@Override
publicvoid run(){
   // Code for WebView goes here
   }
});

2.線程阻塞

永遠(yuǎn)不要阻塞UI線程，這是開發(fā)Android程序的一個(gè)真理。雖然是真理，我們卻往往不自覺的犯一些錯(cuò)誤違背它，一個(gè)開發(fā)中常犯的錯(cuò)誤就是：在UI線程中去等待JavaScript 的回調(diào)。例如：

// This code is BAD and will block the UI thread
webView.loadUrl("javascript:fn()"); 
while(result ==null) {  
    Thread.sleep(100); 
}

千萬不要這樣做，Android 4.4中，提供了新的Api來做這件事情。 evaluateJavascript() 就是專門來異步執(zhí)行JavaScript代碼的。

3.evaluateJavascript() 方法

專門用于異步調(diào)用JavaScript方法，并且能夠得到一個(gè)回調(diào)結(jié)果。

示例：

mWebView.evaluateJavascript(script, new ValueCallback() {
 @Override
 public void onReceiveValue(String value) {
      //TODO
 }
});

4.處理WebView中url的跳轉(zhuǎn)

新版WebView對(duì)于自定義scheme的url跳轉(zhuǎn)，新增了更為嚴(yán)格的限制條件。當(dāng)你實(shí)現(xiàn)了 shouldOverrideUrlLoading() 或 shouldInterceptRequest() 回調(diào)，WebView 也只會(huì)在跳轉(zhuǎn)url是合法Url時(shí)才會(huì)跳轉(zhuǎn)。例如，如果你使用這樣一個(gè)url ：

Show Profile

shouldOverrideUrlLoading() 將不會(huì)被調(diào)用。

正確的使用方式是：

Show Profile

對(duì)應(yīng)的檢測Url跳轉(zhuǎn)的方式：

// The URL scheme should be non-hierarchical (no trailing slashes)
 privatestaticfinalString APP_SCHEME ="example-app:";
 @Override 
 publicboolean shouldOverrideUrlLoading(WebView view,String url){
     if(url.startsWith(APP_SCHEME)){
         urlData =URLDecoder.decode(url.substring(APP_SCHEME.length()),"UTF-8");
         respondToData(urlData);
         returntrue;
     }
     returnfalse;
}

當(dāng)然，也可以這樣使用：

webView.loadDataWithBaseURL("example-app://example.co.uk/", HTML_DATA,null,"UTF-8",null);

5.UserAgent變化

如果你的App對(duì)應(yīng)的服務(wù)端程序，會(huì)根據(jù)客戶端傳來的UserAgent來做不同的事情，那么你需要注意的是，新版本的WebView中，UserAgent有了些微妙的改變：

Mozilla/5.0 (Linux; Android 4.4; Nexus 4 Build/KRT16H)
AppleWebKit/537.36(KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0
Mobile Safari/537.36

使用getDefaultUserAgent()方法可以獲取默認(rèn)的UserAgent，也可以通過：

mWebView.getSettings().setUserAgentString(ua);
mWebView.getSettings().getUserAgentString();

來設(shè)置和獲取自定義的UserAgent。

6.使用addJavascriptInterface()的注意事項(xiàng)

從Android4.2開始。只有添加 @JavascriptInterface 聲明的Java方法才可以被JavaScript調(diào)用，例如：

class JsObject {
    @JavascriptInterface
    public String toString() { return "injectedObject"; }
}

webView.addJavascriptInterface(new JsObject(), "injectedObject");
webView.loadData("", "text/html", null);
webView.loadUrl("javascript:alert(injectedObject.toString())");