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进行混合编程均无法搞定。

解决办法:

 

  1. 推荐使用较高的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://stackoverflow.com/questions/13063222/web-view-addjavascriptinterface-issue

解决问题说明: http://stackoverflow.com/questions/16353430/appview-addjavascriptinterface-doen-not-work-on-api-17

2.微信android 5.0+版本的消息分享,无法通过scheme唤起 第三方客户端

之前我们会通过provider 在微信webview中JS检查手机是否安装旅行客户端,然后通过下面的方式进行逻辑分发:

通过scheme唤醒第三方客户端,在<5.0版本前均可以通过window.location.href = 'taobaotravel://h5_homepage';的自定义的scheme去实现,但是微信5.0版本后,貌似是在微信的webview中进行了url过滤,对应非信任的url进行了屏蔽,所以导致不能发起scheme去唤醒客户端。

关于URL白名单这个东西,目前仅仅为猜测,如果谁有微信的那边的朋友【微信研发团队是在广州】,可以帮忙确认下。

如果确认是微信加了白名单,目前通过微信5.0+webview唤醒我们的第三方app将变成死路。。。。

如果能通过商业合作的方式也是可取的

 

if(isMac) {
 	if(getAvailabled()) {
 	$('J_btn').innerHTML = '旅行启动中…';
 	 
 	setTimeout(function() {
 	if(window.location.href.match('promo-assit.php')) {
 	window.location.href = 'taobaotravel://h5_homepage';
 	$('J_btn').innerHTML = '启动旅行客户端';
 	return;
 	}
 	 
 	window.location.href = 'taobaotravel://h5_webview?' + param;
 	$('J_btn').innerHTML = '启动旅行客户端';
 	}, 1300);
 	} else {
 	// 跳活动页面
 	if(window.location.href.match('promo-assit.php')) {
 	window.location.href = 'http://lv.taobao.com/';
 	} else {
 	window.location.href = fixUrl(jmpurl);
 	}
 	}
 	}