WebView调用js方法获取返回值的完美解决方案

在Android项目中我们或多或少会涉及到与js交互的问题,这其中WebView是必须掌握的控件,今天主要说说我们通过WebView调用js方法,然后如何很好的获取返回值。这里我总结了三种方式,大家可根据需求选择。

一、Android版本在4.4及以上

mWebView.evaluateJavascript("javascript:jsMethod()", new ValueCallback<String>() {
                        @Override
                        public void onReceiveValue(String value) {
                            //value即为js返回值
                        }
                    });

如果你项目最低支持版本在4.4以上,那这种方式最简单最完美,否则会报以下警告:

Call requires API level 19 (current min is 14): android.webkit.WebView#evaluateJavascript

二、Android4.4以下版本

虽说现在4.4以下版本不多了,但是只要存在,我们就需要努力兼容。

第一步,利用WebView的loadUrl()方法,调用js的alert方法,

mWebView().loadUrl("javascript:alert(jsMethod())");

第二步,在alert回调中的message就是我们想要的返回值

mWebView.setWebChromeClient(
      new WebChromeClient() {
          @Override
          public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
          //message即为返回值
          result.confirm();
          return true;
   }
);

返回值虽然拿到了,但是这种方法缺点挺多的:

1、不能忘记在回调中调用result.confirm,否则webview会出现奇怪的不可控现象,大家可以去掉试试;

2、onJsAlert方法要return true,表示我们自己处理alert,不需要js管啦;

3、js在alert方法中别return一个值回来,否则也会出现奇怪现象;

4、在华为Android版本8.0以上的某些机型中,会出现无法拦截js的alert,会直接将js的alert弹框弹出,很难受。。。

三、最稳妥的方法

这种方法需要和js协调好,双方配合完成:

1、我们同样利用WebView的loadUrl()方法,调用js普通方法

mWebView().loadUrl("javascript:jsMethod()");

2、给js注入一个方法,且加入参数,并和js开发人员约定,当我们调用其第一步中的jsMethod方法,他调用我们注入的方法,并将返回值传回

mWebView().addJavascriptInterface(this, "viewpager");

@JavascriptInterface
public void getResult(String str) {
    //str 即为返回值
}

OK!搞定啦,到此你就可以开心的与js交互,并拿到他的返回值啦!希望我的总结可以帮助到你~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值