JSBridge调用原生方法为什么没反应？

令狐艳丽提问于 2026-03-08 15:22:20 阅读 2

移动

我在做Hybrid开发时，通过JSBridge调用原生的分享功能，但点击后完全没反应，也不报错。原生那边说注册了方法，我这边也按文档写了，是不是哪里格式不对？

我试过加回调、改参数，还是不行。控制台也没任何输出，感觉像桥没接上。

window.WebViewJavascriptBridge.callHandler(
  'shareToWechat',
  { title: '测试分享', url: 'https://example.com' },
  function(response) {
    console.log('分享结果:', response);
  }
);

我来解答赞 3 收藏

反馈

1 条解答

小爱华 Lv1

这问题太经典了，每次hybrid开发都能遇到。我建议按这个顺序排查：

1. 先确认bridge是否初始化完成。官方文档里说必须等bridge ready才能调用，改成这样：

document.addEventListener('WebViewJavascriptBridgeReady', function() {

  window.WebViewJavascriptBridge.callHandler(

    'shareToWechat',

    { title: '测试', url: 'https://example.com' },

    function(response) { console.log('结果:', response); }

  );

}, false);

2. 如果还不行，让原生端检查方法名是否完全匹配。注意Android和iOS对大小写敏感程度不一样，建议让他们打印所有注册的方法名给你核对。

3. 参数格式问题也很常见，试试把参数对象转成JSON字符串：
{ title: '测试' } 改成 JSON.stringify({ title: '测试' })

4. 终极方案是让原生开发在方法里打log，确认请求到底有没有传到原生层。没传到就是JS问题，传到了就是他们没处理好。

遇到过最坑的情况是iOS那边把方法名拼错了，查了半天才发现。

2026-03-08 16:10