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

测试demo

<!--下面是测试代码-->
    <!--<div id="showMask" >
        <div class="tl-title" style="margin-bottom: 36px;width: 92%" >支付方式
            <div style="display: inline-block;float: right" onclick="btnclose();">关闭</div>
        </div>
        <div class="tl-btn-pay-al" style="margin-bottom: 20px" onclick="jsObj.toChainSuccess();">支付宝</div>
        <div class="tl-btn-pay-wx" onclick="jsObj.webClose();">微信支付</div>
    </div>-->

调用原生关闭函数

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

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