js页面与原生app交互

原创

Mr_wuying 2022-01-10 13:58:58 博主文章分类：前端 JS/JQ ©著作权

文章标签 js页面与原生app交互 ios android 方法名 Java 文章分类 运维

©著作权归作者所有：来自51CTO博客作者Mr_wuying的原创作品，请联系作者获取转载授权，否则将追究法律责任

点击html页面的按钮调用原生app里的分享方法

<div class="iconTop">
                        <!-- <div id="datasetconfig"></div> -->
                    <dl onclick="appMessage('2')">
                        <dt><img src="/static/style/bet/images/weibo.png" alt=""></dt>
                        <dd>微博</dd>
                    </dl>
                    <dl onclick="appMessage('1')">
                        <dt><img src="/static/style/bet/images/moments.png" alt=""></dt>
                        <dd>朋友圈</dd>
                    </dl>
                    <dl onclick="appMessage('0')">
                        <dt><img src="/static/style/bet/images/wechat.png" alt=""></dt>
                        <dd>微信</dd>
                    </dl>
                    <dl onclick="appMessage('3')">
                        <dt><img src="/static/style/bet/images/QQ.png" alt=""></dt>
                        <dd>QQ</dd>
                    </dl>
                </div>

function appMessage(type) {
        type = Number(type);
        var u = navigator.userAgent,
        app = navigator.appVersion;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器   
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 
        var title='来自C嗨视频'+nickname+'的邀请'
        var description='让你的生活嗨起来！'
        var linkUrl='http://'+window.location.host+'/index/share/index?share_userid='+requestUtil.getParameter('userid')
        console.log(type)
        if (isAndroid) {
            client.share(type,title,description,linkUrl);
            //安卓的方法名 share  这里是安卓给的他们的方法名
        } else if (isiOS) {
        //showMessage 是ios的方法名  是ios给的
            window.webkit.messageHandlers.showMessage.postMessage({
                'type': type,
                'title':title,
                'description':description,
                'linkUrl':linkUrl
            });
        }
    }