H5与APP混合开发通信交互记录

最新推荐文章于 2025-02-20 21:28:42 发布

呱呱•.•

最新推荐文章于 2025-02-20 21:28:42 发布

阅读量810

点赞数

分类专栏： Vue # JavaScript

本文链接：https://blog.youkuaiyun.com/alisa_lisa/article/details/110196318

版权

这篇博客详细记录了H5与APP进行混合开发时的通信交互过程，包括JS如何给APP传输信息，以及APP如何调用JS方法。在JS传输信息方面，通过在window上注入原生方法并约定通信方法名及参数来实现兼容iOS和安卓。而在APP调用JS方法时，特别是在Vue环境下，将js方法绑定到window，使得APP能够方便地访问和调用这些方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS给APP传输信息

以下方法兼容IOS和安卓

callMobile(parameters,messageHandlerName) {
   
  //handlerInterface由iOS addScriptMessageHandler与andorid addJavascriptInterface 代码注入而来。
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
   
    // alert('ios')
    window