自Android4.4起,Android中的Webview开始基于Chromium(这大概是Android部门负责人更换的缘故)。这个改变使得webview对于html5,css,js有了更好的支持。
区别:
1,多线程
如果你在子线程中调用WebView的相关方法,而不在UI线程,则可能会出现无法预料的错误。所以,当你的程序中需要用到多线程的时候,也请使用runOnUiThread()方法来保证你关于WebView的操作是在UI线程中进行的:
<span style="white-space:pre"> </span>runOnUiThread(newRunnable(){
<span style="white-space:pre"> </span>@Override
<span style="white-space:pre"> </span>publicvoid run(){
<span style="white-space:pre"> </span>// Code for WebView goes here
<span style="white-space:pre"> </span>}
<span style="white-space:pre"> </span>});
2,线程阻塞
永远不要阻塞UI线程,这是开发Android程序的一个真理。虽然是真理,我们却往往不自觉的犯一些错误违背它,一个开发中常犯的错误就是:在UI线程中去等待JavaScript的回调。
例:
<span style="white-space:pre"> </span>// This code is BAD and will block the UI thread
<span style="white-space:pre"> </span>webView.loadUrl("javascript:fn()"); while(result ==null){
<span style="white-space:pre"> </span>Thread.sleep(100);
<span style="white-space:pre"> </span>}
千万不要这样做,Android4.4中,提供了新的API来做这件事。
evaluateJavascript()专门来异步执行JavaScript代码的。
3,evaluateJavascript()方法
专门用于异步调用JavaScript方法,并且能够得到一个回调结果。
示例:
<span style="white-space:pre"> </span>mWebView.evaluateJavascript(script, new ValueCallback<String>() {
<span style="white-space:pre"> </span> <span style="white-space:pre"> </span>@Override
<span style="white-space:pre"> </span>public void onReceiveValue(String value) {
<span style="white-space:pre"> </span>//TODO
<span style="white-space:pre"> </span>}
<span style="white-space:pre"> </span>});
4,处理WebView中url跳转
新版WebView对于自定义scheme的url跳转,新增了更为严格的限制条件。当你实现了shouldOverrideUrlLoading()或shouldInterceptRequest()回调,WebView也只会在跳转url是合法Url时才会跳转。
例如,如果你使用这样一个url:
<span style="white-space:pre"> </span><ahref="showProfile"]]>Show Profile</a>
shouldOverrideUrlLoading()将不会被调用。
正确的使用方式是:
<span style="white-space:pre"> </span><ahref="example-app:showProfile"]]>Show Profile</a>
对应的检测Url跳转的方式:
// 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;
}
当然也可以这样使用:
<span style="white-space:pre"> </span>webView.loadDataWithBaseURL("example-app://example.co.uk/", HTML_DATA,null,"UTF-8",null);
5,,UserAgent变化
如果你的App对应的服务端程序,会根据客户端传来的UserAgent来做不同的事情,那么你需要注意的是,新版本的WebView中,UserAgent有了些微妙的改变:
<span style="white-space:pre"> </span>Mozilla/5.0 (Linux; Android 4.4; Nexus 4 Build/KRT16H)
<span style="white-space:pre"> </span>AppleWebKit/537.36(KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0
Mobile Safari/537.36
使用getDefaultUserAgent()方法可以获取默认的UserAgent,也可以通过:
mWebView.getSettings().setUserAgentString(ua);
mWebView.getSettings().getUserAgentString();
来设置和获取自定义的UserAgent。
6,使用addJavascriptInterface()的注意事项
从Android4.2开始,只有添加@JavascriptInterface声明的java方法才可以被Javascript调用,例如:
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的程序。