Android 4.4 中 WebView 使用注意事項

Android 4.4 中 WebView 使用注意事項

---

自Android 4.4起，Android中的WebView開始基於Chromium（ 這大概是由於Android部門負責人從Andy Rubin變成了Chrome部門的主管Sundar Pichai了吧，^_^）。

這個改變，使得WebView的性能大幅度提高，而且對HTML5, CSS3, and JavaScript有了更好的支持。

那麼，做爲一個客戶端開發者，咱們寫代碼的時候須要注意哪些呢？

1.多線程

若是你在子線程中調用WebView的相關方法，而不在UI線程，則可能會出現沒法預料的錯誤。

因此，當你的程序中須要用到多線程時候，也請使用 runOnUiThread()方法來保證你關於WebView的操做是在UI線程中進行的：

<!-- lang: java -->
runOnUiThread(newRunnable(){
@Override
publicvoid run(){
   // Code for WebView goes here
   }
});

2.線程阻塞

永遠不要阻塞UI線程，這是開發Android程序的一個真理。雖然是真理，咱們卻每每不自覺的犯一些錯誤違背它，一個開發中常犯的錯誤就是：在UI線程中去等待JavaScript 的回調。

例如：

<!-- lang: java -->
// 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() 就是專門來異步執行JavaScript代碼的。

3.evaluateJavascript() 方法

專門用於異步調用JavaScript方法，而且可以獲得一個回調結果。

示例：

<!-- lang: java -->
mWebView.evaluateJavascript(script, new ValueCallback<String>() {
 @Override
 public void onReceiveValue(String value) {
      //TODO
 }
});

4.處理 WebView 中 url 跳轉

新版WebView對於自定義scheme的url跳轉，新增了更爲嚴格的限制條件。 當你實現了 shouldOverrideUrlLoading() 或 shouldInterceptRequest() 回調，WebView 也只會在跳轉url是合法Url時纔會跳轉。

例如，若是你使用這樣一個url ：

<!-- lang: html -->
<ahref="showProfile"]]>Show Profile</a>

shouldOverrideUrlLoading() 將不會被調用。

正確的使用方式是：

<!-- lang: html -->
<ahref="example-app:showProfile"]]>Show Profile</a>

對應的檢測Url跳轉的方式：

<!-- lang: java -->
// The URL scheme should be non-hierarchical (no trailing slashes)
 private static final String APP_SCHEME ="example-app:";

 @Override public boolean shouldOverrideUrlLoading(WebView view,String url){
     if(url.startsWith(APP_SCHEME)){
         urlData = URLDecoder.decode(url.substring(APP_SCHEME.length()),"UTF-8");
         respondToData(urlData);
         returntrue;
     }
     return false; }

固然，也能夠這樣使用：

<!-- lang: java -->
webView.loadDataWithBaseURL("example-app://example.co.uk/", HTML_DATA,
null,"UTF-8",null);

5.UserAgent 變化

若是你的App對應的服務端程序，會根據客戶端傳來的UserAgent來作不一樣的事情，那麼你須要注意的是，新版本的WebView中，UserAgent有了些微妙的改變：

<!-- lang: java -->
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()方法能夠獲取默認的UserAgent，也能夠經過：

<!-- lang: java -->
mWebView.getSettings().setUserAgentString(ua);
mWebView.getSettings().getUserAgentString();

來設置和獲取自定義的UserAgent。

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

從Android4.2開始。 只有添加 @JavascriptInterface 聲明的Java方法才能夠被JavaScript調用，例如：

<!-- lang: java -->
class JsObject {
@JavascriptInterface
public String toString() { return "injectedObject"; }
 }
 webView.addJavascriptInterface(new JsObject(), "injectedObject");
 webView.loadData("", "text/html", null);
 webView.loadUrl("javascript:alert(injectedObject.toString())");

7.Remote Debugging

新版的WebView還提供了一個很厲害的功能：使用Chrome來調試你運行在WebView中的程序。

具體能夠看： remote-debugging