Android WebView与JS交互及消息处理
前一段时间做公司的项目,涉及到WebView与JS之间的通信,于是在网上查了点资料研究了一下下。
一、WebView与JS交互
1.JS调用本地方法
这个功能的实现还是比较容易的。直接调用WebView的该方法就可以添加接口了,不过先要启动交互
//启用javascriptmWebView.getSettings().setJavaScriptEnabled(true);//添加接口publicvoidaddJavascriptInterface(Objectobject,Stringname)
Object是JS调用本地的类的对象,name是对象的别名,在JS可以用这个别名+点语法+方法名就可以调用本地的方法。例如:
WebViewmWebView;//...mWebview.addJavascriptInterface(this,"myjs");
再定义一个JS可以调用的方法:
publicvoidjsFunction(Stringstring){System.out.println("js调用了这个方法:"+string);}
这样在JS就可以调用这个方法
注意:该方法不可以定义成私有的,不然JS就不能调用
2.本地调用JS方法
这个就更容易了--,直接用以下方法就行了,假设JS上有一个方法叫androidFunctio()
mWebview.loadUrl("javascript:androidFunction()");
二、消息处理
1、遇到UncaughtReferenceError:...错误
出现该错误不会崩溃,它的意思是本地方法调用JS时没有找到调用的方法。万一我们调用的方法不存在,需要做相应的处理怎么办?Shamoo尝试try...catch...抓取一下异常,发现什么都没有抓到...后来仔细看了一下错误Log的TAG,是WebConsole。Shamoo想肯定有办法抓取这个异常的,于是看了一下官方文档,终于发现了这么一个方法:
mWebview.setWebChromeClient(newWebChromeClient()
{
@Override
publicbooleanonConsoleMessage(ConsoleMessageconsoleMessage){//TODOAuto-generatedmethodstub
if(consoleMessage.message().contains("UncaughtReferenceError")){
//dosomething...
}
returnsuper.onConsoleMessage(consoleMessage);
}});
这个方法可以监听WebView的控制台消息,然后判断一下消息是否包含“UncaughtReferenceError”就可以捕获该消息了
2.获取JS方法的返回值
仔细观察会发现WebView的loadUrl方法是没有返回值的,那要是想要获取JS方法的返回值就该怎么做呢?Shamoo查了一些资料,发现网上也没有很好的解决办法,后来只能通过回调的方法来实现返回,虽然很不灵活,不过也没有办法...
在loadUrl调用JS的一个方法,然后JS执行方法的时候,再调用Android本地的一个方法,并把返回值作为参数传递下来。