h5页面与原生ios交互

app中有的是用h5页面来实现的,这个时候就避免不了与原生去交互。交互的方式
①、系统原生的方式 (我们项目中使用的)
②、用第三方库WebViewJavascriptBridge (比较早了,一直没有更新维护)

ios使用原生的方式与h5页面交互,在h5页面中实现起来也比较方便,如下:

let u = navigator.userAgent;
//android终端或者uc浏览器
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
//ios终端
let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X)/);
if(isiOS){
// 假设方法名为: JSMessageName;postMessage里面可以传参数
    window.webkit.messageHandlers.JSMessageName.postMessage(['13300001111', 'Go Climbing This Weekend !!!'])
}else if(isAndroid){
    //安卓相关操作
}

你可能感兴趣的:(h5,原生app,vue)