h5调用原生App的方法合集

1、调用原生关闭函数

let u = navigator.userAgent
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid) {window.android.webClose(); // 调用原生app的函数--webClose是安卓提供的方法
}
if (isIOS) {window.webkit.messageHandlers.webClose.postMessage();--webClose是ios提供的方法
}

2、调用原生打电话

let u = navigator.userAgent
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //glet isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端let phone = app._data.detail.driver_mobileif (isAndroid) {window.android.callPhone(JSON.stringify(phone));}if (isIOS) {window.webkit.messageHandlers.callPhone.postMessage(JSON.stringify(phone));}

2、调用原生跳转

let u = navigator.userAgent
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid) {jsObj.jump(JSON.stringify(obj)); // 调用原生app的函数
}
if (isIOS) {window.webkit.messageHandlers.jump.postMessage(JSON.stringify(obj));
}```
**3、调用图片分享**

let u = navigator.userAgent
let isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //g
let isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid) {
jsObj.shareImageToWechat(share_chain_url); // 调用原生app的函数
}
if (isIOS) {
window.webkit.messageHandlers.shareImageToWechat.postMessage(share_chain_url);
}

h5调用原生App的方法合集相关推荐

js调用android.webkit,h5调用原生App的方法合集 window.webkit.messageHandlers
测试demo 调用原生关闭函数 let u = navigator.userAgent let isAndroid = u.indexOf('Android') > -1 || u.indexO ...
JS跟APP交互——H5调用原生APP的方法
js向app传值问题最近做的H5项目是需要嵌入到APP内使用的,这就涉及到js跟app交互的问题,我这边需要传值给app,以下是我在做项目过程中传值的方法,仅供参考. 解决方法 AppData这个J ...
vue 获取安卓原生方法_VUE H5调用原生APP方法实践笔记
最近做与app端的混合开发,了解到了H5与原生app端之间的方法互通首先是我们给app端定义方法供他们使用(以vue为例) methods中定义一个方法名称 VContent() { console ...
android h5和原生方法调用,H5与原生APP之间的方法互通
最近做与app端的混合开发,了解到了H5与原生app端之间的方法互通首先是我们给app端定义方法供他们使用(以vue为例) methods中定义一个方法名称 VContent() { console ...
随笔集：H5如何对接原生app的方法
H5如何对接原生app的方法原生APP内部嵌入H5页面的场景对于web前端来说可能并不陌生,既然是嵌入在APP内部肯定也少不了会涉及到APP和H5的一些交互.比如传参.H5调用APP方法.APP调用 ...
客户端相关知识学习（二）之h5与原生app交互的原理
前言现在移动端 web 应用,很多时候都需要与原生 app 进行交互.沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能.所以,这次 ...
h5 与原生 app 交互的原理
作者:senntyou segmentfault.com/a/1190000016759517 现在移动端 web 应用,很多时候都需要与原生 app 进行交互.沟通(运行在 webview中),比如 ...
h5与原生app交互的原理
h5 与原生 app 交互的原理现在移动端 web 应用,很多时候都需要与原生 app 进行交互.沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 ...
H5和原生APP之间的区别
原文:http://www.ui.cn/detail/247751.html 最近项目中因各种客观因素,移动端都是默认用的纯H5 APP,感受最深的就是各种坑啊,好大的坑啊.产品上线后,带着各种坑后的 ...

h5调用原生App的方法合集

h5调用原生App的方法合集

h5调用原生App的方法合集相关推荐

最新文章

热门文章