微信内置浏览器私有接口 WeixinJSBridge 介绍

WeixinJSBridge 是微信内置浏览器为 H5 页面提供的一组原生 JavaScript 接口。它可以帮助开发者在微信浏览器中实现更多的功能，比如分享、支付等。

接口使用流程

本地 JS 调用 WeixinJSBridge 等待桥接完成后发送数据，WeixinJSBridge 接收到数据后会对数据进行处理并通知微信客户端进行相应的处理。

WeixinJSBridge 官方文档推荐使用 WeixinJSBridge.invoke 方法进行调用，因为该方法具有缓存机制，可以避免因为网络问题导致的调用失败。

接口调用示例

document.addEventListener('WeixinJSBridgeReady', function () {
  // 调用分享接口
  WeixinJSBridge.invoke('shareTimeline', {
    'title': '分享标题',
    'link': '分享链接',
    'imgUrl': '分享缩略图',
    'success': function () { },
    'cancel': function () { }
  }, function(res) {
    // 实现分享的回调逻辑
  });
}, false);

上面的代码展示了如何在微信浏览器中调用分享接口，具体步骤如下：

监听 WeixinJSBridgeReady 事件。
在回调函数中调用 WeixinJSBridge.invoke 方法，并将需要分享的数据作为参数传入。在这里我们传入了分享标题、链接、缩略图以及分享成功和取消的回调函数。
当微信客户端处理完分享的操作后，会在分享结果的回调函数中将结果通知给我们，我们在回调函数中可以根据分享结果进行相应的处理。

接口列表

WeixinJSBridge 提供了一系列的原生 JavaScript 接口，包括分享、图片预览、支付等功能。具体的接口列表可以参考官方文档。

集成方法

为了使用 WeixinJSBridge，需要在网页中嵌入以下代码：

<script type="text/javascript">
  document.addEventListener('WeixinJSBridgeReady', function () {
    // WeixinJSBridge API，可以在此处调用微信网页接口
  }, false);
</script>

代码中的 WeixinJSBridgeReady 是一个自定义事件，它表示微信 JSAPI 都已经注入完毕。当我们监听到这个事件之后，就可以开始调用 WeixinJSBridge 所提供的接口了。