android addJavascriptInterface 不能生效 解决办法

webview.addJavascriptInterface() doen not work on API 16+

常见的客户端与H5的混合编程是使用scheme+、js bridge、provider等。

在做Android 与 H5 客户端交互时,发现一个很诡异的错误。在一个4.2.2的 三星S3上,android JavaScriptBridge 会出现回调出错。

所有挂在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);
  }
  }
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 中,MessageChannel 是一种通过 WebView 实现 JavaScript 和 Native 之间双向通信的机制。使用 MessageChannel,我们可以在 JavaScript 和 Native 之间传递消息和数据。MessageChannel 可以传递基本数据类型(如字符串、整数、布尔值等),也可以传递对象。 使用 MessageChannel 传递对象的步骤如下: 1. 在 Native 中创建一个 MessageChannel,并将其注册到 WebView 中: ```java // 创建 MessageChannel MessageChannel channel = new MessageChannel(); // 将 channel.port1 注入到 WebView 中 webView.addJavascriptInterface(new MyJavaScriptInterface(channel.port1), "MyJavaScriptInterface"); ``` 在这个例子中,我们创建了一个 MessageChannel,并将其注册到 WebView 中。我们也创建了一个名为 "MyJavaScriptInterface" 的 JavaScript 接口,并将 channel.port1 注入到该接口中。这样,JavaScript 就可以通过 "MyJavaScriptInterface" 对象来访问 channel.port1。 2. 在 JavaScript 中创建一个 MessageChannel,并将其与 Native 中的 channel.port2 相关联: ```javascript // 创建 MessageChannel var channel = new MessageChannel(); // 发送 channel.port2 到 Native 端 window.MyJavaScriptInterface.postMessage(channel.port2, [channel.port2]); ``` 在这个例子中,我们创建了一个 MessageChannel,并将其与 Native 中的 channel.port2 相关联。我们也使用 window.MyJavaScriptInterface.postMessage() 方法将 channel.port2 发送到 Native 端。 3. 在 Native 中接收 JavaScript 发送的数据: ```java class MyJavaScriptInterface { private MessagePort port; public MyJavaScriptInterface(MessagePort port) { this.port = port; this.port.setWebContentsDebuggingEnabled(true); this.port.setDelegate(new MessagePort.Delegate() { @Override public void onMessagePortMessage(MessagePort messagePort, MessagePort.MessageEvent messageEvent) { // 处理 JavaScript 发送的数据 Object data = messageEvent.getData(); // ... } }); } } ``` 在这个例子中,我们创建了一个名为 MyJavaScriptInterface 的 Java 类,并在构造函数中设置了 MessagePort 的回调函数。当 JavaScript 发送数据到 Native 端时,该回调函数会被触发,并且我们可以在该函数中处理 JavaScript 发送的数据。 需要注意的是,由于 MessageChannel 是跨线程的,因此需要使用 Handler 或者 AsyncTask 等机制来确保数据的同步和安全性。此外,在传递对象时,需要确保对象是可序列化的。如果对象无法序列化,则需要将其转换为可序列化的格式(如 JSON 对象等),然后再传递。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值