js调用android.webkit,h5调用原生App的方法合集 window.webkit.messageHandlers

测试demo

调用原生关闭函数

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.webClose(); // 调用原生app的函数

}

if (isIOS) {

window.webkit.messageHandlers.webClose.postMessage();

}

调用原生打电话

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终端

let phone = app._data.detail.driver_mobile

if (isAndroid) {

jsObj.callPhone(JSON.stringify(phone));

}

if (isIOS) {

window.webkit.messageHandlers.callPhone.postMessage(JSON.stringify(phone));

}

调用原生跳转

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));

}

调用图片分享

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);

}

陌路尽头，撒去一抨惨淡暗白的骨灰，有多少淡漠的人情能够留得住厚养薄葬的遗憾，在悲郁的挽歌的尾音上，给这尊尊沉默的青碑下孤孑的魂灵叩首，而在这朝生暮死之间，有多少尸骨未寒的魂灵遁入空寂，却在人世中再也捞不起一丝纪念。

js调用android.webkit,h5调用原生App的方法合集 window.webkit.messageHandlers相关推荐

h5调用原生App的方法合集
h5调用原生App的方法合集 1.调用原生关闭函数 let u = navigator.userAgent let isAndroid = u.indexOf('Android') > -1 | ...
android h5和原生方法调用,H5与原生APP之间的方法互通
最近做与app端的混合开发,了解到了H5与原生app端之间的方法互通首先是我们给app端定义方法供他们使用(以vue为例) methods中定义一个方法名称 VContent() { console ...
客户端相关知识学习（二）之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的方法
H5如何对接原生app的方法原生APP内部嵌入H5页面的场景对于web前端来说可能并不陌生,既然是嵌入在APP内部肯定也少不了会涉及到APP和H5的一些交互.比如传参.H5调用APP方法.APP调用 ...
H5和原生APP之间的区别
原文:http://www.ui.cn/detail/247751.html 最近项目中因各种客观因素,移动端都是默认用的纯H5 APP,感受最深的就是各种坑啊,好大的坑啊.产品上线后,带着各种坑后的 ...
H5和原生App的区别
前端常识: 前端:指客户端主要有: 移动端APP(Android.IOS等) Web前端(主要指H5) PC端软件后端:值服务器端. 常见的服务端语言或技术: java Node.js Pytho ...
h5调起app的方法；app调起vue中的某个方法
h5调起app的方法 window.fuXinJSBridge.personSuccess(par) // par 为参数:personSuccess双方约定的方法名 app调起vue中的某个方法 / ...

js调用android.webkit,h5调用原生App的方法合集 window.webkit.messageHandlers

js调用android.webkit,h5调用原生App的方法合集 window.webkit.messageHandlers相关推荐

最新文章

热门文章