webview内H5与原生安卓和IOS交互(互调方法/传值)

本文详细介绍了如何在iOS和Android平台上,利用WebView实现与原生APP的双向通信。包括判断设备环境、从Webview向原生APP发送数据、以及调用原生APP提供的方法等关键步骤。

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

1、首先获取设备环境:

var sUserAgent = navigator.userAgent.toLowerCase();
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; 

2、webview发送方法给原生APP,原生APP内做出对应操作,可传值可不传值:

原生与前端协商好方法名:(sendData)

IOS:

var data = {    // 发送给原生APP的数据
    name:"yang",
    age:27
}
window.webkit.messageHandlers.sendData.postMessage(data);

安卓:

var data = {    // 发送给原生APP的数据
    name:"yang",
    age:27
}
App.sendData(data);    // APP这个对象名由安卓提供

3、webview调用原生APP提供的方法(先约定好方法名 getData):

PS一下:直接在H5页面上写上这个方法,在方法内操作数据即可,无需执行:getData()

IOS:

function getData(data) {
    console.log(data)
} 

安卓:

function getData(data) {
    console.log(data)
} 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值