Android 和 JS 交互时调用不成功的问题

具体如何交互,网上已经有很多资料,这里默认在已知如何交互的情况下,对几个重要的关键点进行强调。

1、webView.getSettings().setJavaScriptEnabled(true);设置WebView支持JavaScript

2、webView.addJavascriptInterface(new MyJavascriptInterface(), "android");绑定一个java对象到webview上,其实就是将一个java对象和网页JS关联起来,这样就可以使用JS调用该对象的方法等。

3、在MyJavascriptInterface对象中需要调用的方法上增加注解@android.webkit.JavascriptInterface;

4、若上面3个都已添加,还是无法调用。请检查清单文件(AndroidManifest.xml)中android:targetSdkVersion="16",这里targetSdkVersion改成16。

原因猜想:当你的targetSdkVersion为17以上时,addJavascriptInterface会提示错误:“ None of the methods in the added interface have been annotated with @android.webkit.JavascriptInterface; they will not be visible in API 17 ”。大概意思就是说在注解@JavascriptInterface中的方法在API 17会不可见。以此来推断,你在电脑上用17以上的sdk编译你的java代码为.class字节码文件时,是会出问题的。

5、若必须使用高版本SDK编译,则添加注解@SuppressLint("JavascriptInterface"),即可解决问题。

6、混淆注意,在混淆文件proguard-rules.pro里面,有这样一段话:

# If your project uses WebView with JS, uncomment the following

# and specify the fully qualified class name to the JavaScript interface

# class:

#-keepclassmembers class fqcn.of.javascript.interface.for.webview {

#   public *;

#}

把注释解除,把fqcn.of.javascript.interface.for.webview换成自己定义的MyJavascriptInterface全类名,再加上配置,

-keepattributes *Annotation*

-keepattributes *JavascriptInterface*

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐