JSBridge原理
JSBridge就是Native和js之间的桥梁,支持两者之间互相调用。
双向通道:
JS向Native发消息:调用Native的功能,拍照,扫码,定位等
Native向JS发消息:返回小勇结果,推送消息,通知JS当前Native状态等
原理:
JS调用Native的常见方法有3种:
1. 注入API 注入API,是通过WebView,向JavaScript的Context(window)上注入对象或方法,js直接调用注入的方法,即可执行Native的功能
2. 拦截URL Scheme wx://ht/xxx?data=aa JS发送URL Scheme请求,类似于浏览器中的URL请求,可以使用location.href或者iframe.src,然后Native拦截请求,
根据URL Scheme中的参数,包括函数名callback等,进行相关操作。一般会用一个隐藏的iframe的src操作,请求发出后,删除iframe
Native调用JavaScript
IOS和android都有相应的方法,可以执行js代码。若要执行一个WebView内部的方法,需要将该方法挂在全局对象window上。
3. 重写 prompt 等原生 JS 方法
andorid和ios可以拦截 alert、confirm、prompt、console.log 这些方法,js调用propmt方法,并且指定格式,andorid和ios重写该方法,拦截指定格式,调用原生方法。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具