解决:vue下bridge安卓callback在h5中的没有接收到回调的问题

npm install vue-bridge-webview --save

把node_modules文件下的vue-bridge-webview.js手动拷贝出来放在static文件夹下
把:

  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    setupWebViewJavascriptBridge(function(bridge){
      $bridge = bridge
    })
  }else if(/(Android)/i.test(navigator.userAgent)) {
     $bridge = bridge
   })
  }

改成:

  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    setupWebViewJavascriptBridge(function(bridge){
      $bridge = bridge
    })
  }else if(/(Android)/i.test(navigator.userAgent)) {
   connectWebViewJavascriptBridge(function(bridge){
     bridge.init((message, responseCallback) => {
       responseCallback('get message success')
     })
     $bridge = bridge
   })
  }

就行了。
转载vue H5+原生(利用WebViewJavascriptBridge)快速开发Hybrid APP(仅前端部分)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。