1. webview.addJavascriptInterface() doen not work on API 16+
常见的客户端与H5的混合编程是使用scheme+、JS bridge、provider等。
在做Android 与 H5 客户端交互时,发现一个很诡异的错误。在一个4.2.2的 三星S3上,Android Javascript Bridge 会出现回调出错。
所有挂在Bridge对象下的函数均无法找到。于是一点点排查问题到底出现在哪。
其他手机H5混合编程消息回调正常,本以为是因为是旅行V3.0是基于Fragment引起的,即fragment下不能使用。后来经过排查发现不是这个问题。
发现就是手上的一台S3不行,其他基本都可以进行消息回调。
排查了一大圈,发现在Android SDK Target API Level 16+的情况下,使用以往的方式进行Native 与 H5进行混合编程均无法搞定。
解决办法:
- 推荐使用较高的Target SDK去编译【4.0+】.
2. 在Javascript Bridge对象下的所有回调方法使用 @JavascriptInterface 进行注解声明
3. 需要 import android.webkit.JavascriptInterface;
使用4.0+版本的Target SDK时,需要注意对回调方法进行注解声明!这种坑 很难发现,使用类似的混合编程技术的团队请关注这点~
设备ROM版本 |
开发环境 Target SDK |
不用注解,消息是否能生效 |
<4.0 |
>4.0 |
Ok |
<4.0 |
<4.0 |
Ok |
>4.0 |
>4.0 |
NO |
<4.0 |
>4.0 |
OK |
public class J2NBridgeManager {
@JavascriptInterface
public void startNativeService(String schemeUrl) {
// js回调为空 则直接返回
if (TextUtils .isEmpty(schemeUrl)) {
return;
}
final TripURL mServiceUrl = Utils.getURIByUrlWithDecoded(schemeUrl);
// 执行本地一个service ,异步处理完后,回调js
mHandler.post( new Runnable() {
@Override
public void run() {
doService(mServiceUrl);
}
});
}
}
参考文章:
如何建立通信: http://*.com/questions/13063222/web-view-addjavascriptinterface-issue
解决问题说明: http://*.com/questions/16353430/appview-addjavascriptinterface-doen-not-work-on-api-17