首页 > 其他分享 >js和native交互 互相调用

js和native交互 互相调用

时间:2023-06-09 18:23:11浏览次数:36  
标签:WebViewJavascriptBridge WVJBIframe js window 交互 any native

必须这样写,如果用vue可以在app.vue里面写,先把WebViewJavascriptBridge弄到window下面 function setupWebViewJavascriptBridge(callback) {         if ((window as any).WebViewJavascriptBridge) { return callback((window as any).WebViewJavascriptBridge); }         if ((window as any).WVJBCallbacks) { return (window as any).WVJBCallbacks.push(callback); }         (window as any).WVJBCallbacks = [callback];         var WVJBIframe = document.createElement('iframe');                         WVJBIframe.style.display = 'none';         WVJBIframe.src = 'https://__bridge_loaded__';         document.documentElement.appendChild(WVJBIframe);         setTimeout(function () { document.documentElement.removeChild(WVJBIframe) }, 0) }  setupWebViewJavascriptBridge(function (bridge) {         // window.JSBridge = bridge;  }) 具体用的时候 js调用native(原生的,ios或者安卓端) (window as any).WebViewJavascriptBridge?.callHandler(native端的方法名, {参数}, (返回值) => {})   native调用js的 (window as any).WebViewJavascriptBridge?.registerHandler(native端的方法名, (返回值) => {})

标签:WebViewJavascriptBridge,WVJBIframe,js,window,交互,any,native
From: https://www.cnblogs.com/guodadan/p/17469985.html

相关文章

  • 拥抱jsx,开启vue3用法的另一种选择
    ......
  • threejs-css2dObject操作之物体遮挡标签后应该隐藏,而不是出现透视效果
    先看coding之前的效果: 这些在背面的标签的,转到一定角度,被模型遮挡后,理论上就不应该被看到。这才是比较符合实际的coding之后(另一侧对称点就被隐藏): 具体代码(j借助于光线投影)://绑定鼠标事件,当用户移动视角后触发()functionbindRayShotEvent(){document.addEvent......
  • js 中 对 Array 的操作
    判断数组中是否包含指定的多个值1、every()方法的定义与用法:every()方法用于检测数组中的所有元素是否都满足指定条件(该条件为一个函数)。every()方法会遍历数组的每一项,如果有有一项不满足条件,则表达式返回false,剩余的项将不会再执行检测;如果遍历完数组后,每一项都符合条,则返......
  • Caused by: java.lang.ClassNotFoundException: com.alibaba.fastjson2.util.Wrap
    1.情景展示使用fastjson2,运行时报错:Causedby:java.lang.ClassNotFoundException:com.alibaba.fastjson2.util.Wrap2.具体分析出现这个问题,是因为pom.xml当中引用的有关fastjson的jar包冲突造成的。只要我们把冲突的jar包排除掉就可以了。3.解决方案在idea当中,使用插件......
  • 什么是JS中的闭包?
    摘抄自:https://developer.mozilla.org/en-US/docs/Web/JavaScript/ClosuresClosuresA closure isthecombinationofafunctionbundledtogether(enclosed)withreferencestoitssurroundingstate(the lexicalenvironment).Inotherwords,aclosuregivesyou......
  • 关于EasyPlayer.js播放器检测m3u8视频是否为H.265的优化
    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。EasyPlayer还拥有Windows、Android、iOS版本,其灵活的视频能力,极大满足了用户的多样化场景需求。在播放器EasyPlayer.js5.0.7版本......
  • 使用Animate和CreateJS设计H5页面
    Animate和CreateJS是常用于HTML5页面设计的工具,通过使用这些工具,可以创建各种动画特效,从而提高交互性和视觉效果。游戏:Animate和CreateJS可以用于创建精彩的网页游戏,比如跑酷类、动作类、益智类等众多不同类型的游戏。这些游戏通常需要丰富的场景设计、角色设定、音效、背景音......
  • 关于EasyPlayer.js播放器检测m3u8视频是否为H.265的优化
    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。EasyPlayer还拥有Windows、Android、iOS版本,其灵活的视频能力,极大满足了用户的多样化场景需求。在播放器EasyPlayer.js5.0.7版本中,......
  • Nest.js + TypeOrm:原始SQL查询及其参数绑定
    上一篇Nest.js+TypeOrm:安装、编写实体类参数化原始SQL查询使用DataSource,注意,如果是PostgreSQL,则参数占位符不能使用问号?,只能使用$n,并且在没有表名的情况下需要指定类型:否则,会出现错误:PostgreSQL-ERROR:couldnotdeterminedatatypeofparameter$1,参见:https://b......
  • jsp WebUploader 分片上传
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素:1.表单提交方式:post(get方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为multipart/form-data.3.表单必须......