js与ios、安卓原生方法互调。

注意方法名与参数需要与对方约束

1.js调用安卓原生方法

window.android.方法名(要传递的参数)

调用安卓方法并且传递参数过去:window.WebAppInterface.安卓方法("参数")

window.安卓暴露的方法=function(安卓传递过来的参数){}

2.js调用ios原生方法

window.webkit.messageHandlers.方法名.postMessage(要传递的参数)

vue2版接受ios传递过来的参数,vue3则把生命构子改为自定义函数方法即可

if(isIos){

this.$nextTick(function(){

window.addEventListener("message",this.onMessage);

});}

onMessage(event){

try{

const data=JsoN.parse(JsON.stringify(event.data));

}catch(err){

console.error("Error parsing message data:", error);

}

}

3.ios与安卓调用js方法

将该方法放入window对象即可

window.方法名 = 方法名

相关推荐
程序员大阳2 小时前
副队长JavaScript教程(49)-主动抛出异常与错误类型
javascript·异常处理·error·throw·错误类型
hhhjhl3 小时前
Protobuf.js 跨端三方库仓颉适配全流程
javascript·网络·udp
学逆向的3 小时前
C 堆区内存管理
c语言·开发语言·网络安全
huoyueyi3 小时前
《融天AI-APP从0到1开发实录》
开发语言·lua
海水冷却3 小时前
Android 群组聊天怎么实现:基于 ZIM 的完整落地指南(附可运行 Demo)
android
OpenAnolis小助手5 小时前
PHP 两个严重漏洞曝光,龙蜥社区 24 小时完成 3 版本修复
开发语言·操作系统·php·龙蜥社区
阿尼卡~5 小时前
VS Code 配置 C 语言开发环境(Windows 10/11):从 GCC 安装到运行、断点调试,一篇搞定
c语言·开发语言·windows
三少爷的鞋6 小时前
现代 Android 架构指南:不要再主动设计 Callback 接口
android
Flynt6 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
hhhjhl7 小时前
Undici 跨端三方库仓颉适配全流程
java·开发语言·ubuntu