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())");
7.Remote Debugging
新版的WebView還提供了一個(gè)很厲害的功能:使用Chrome來調(diào)試你運(yùn)行在WebView中的程序 具體可以看:remote-debuggingPS:需要梯子~你也可以直接百度remote-debugging了解相關(guān)信息,以及如何使用!
上一節(jié)中N5讀取聯(lián)系人的問題解決:
嘿嘿,看完上面的,我們知道在Android4.2后,只有添加 @JavascriptInterface 聲明的Java方法才可以被JavaScript調(diào)用,于是乎我們?yōu)橹暗膬蓚€(gè)方法加上@JavascriptInterface
但是,加完以后,并沒有和我們的預(yù)想一樣,出現(xiàn)我們想要的聯(lián)系人列表,這是為什么呢? 我們通過查看Log發(fā)現(xiàn)下面這樣一段信息:
大概的意思就是:所有的WebView方法都應(yīng)該在同一個(gè)線程程中調(diào)用,而這里的contactlist方法卻在 JavaBridge線程中被調(diào)用了!所以我們要要把contactlist里的東東寫到同一個(gè)線程中,比如一種解決 方法,就是下面這種:
嘿嘿,接下來運(yùn)行下程序,神奇的發(fā)現(xiàn),我們N5的手機(jī)聯(lián)系人可以讀取到了~
同理,之前第一個(gè)示例也可以這樣解決~
本節(jié)小結(jié):
本節(jié)跟大家走了一趟Android 4.4后WebView要注意的事項(xiàng),以及一些對(duì)上一節(jié)中N5問題 的解決~相信會(huì)給大家在實(shí)際開發(fā)中使用WebView帶來便利~謝謝