WebViewJavascriptBridge实现js与android和ios原生交互

1、实现原生与js交互

成都创新互联自2013年起，先为永新等服务建站，永新等地企业，进行企业商务咨询服务。为永新企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

    <!-- 申明交互 这段代码固定必须有 -->
function setupWebViewJavascriptBridge(callback) {
    //android使用
    if (window.WebViewJavascriptBridge) {
        callback(window.WebViewJavascriptBridge)
    } else {
        document.addEventListener(
            'WebViewJavascriptBridgeReady'
            , function() {
                callback(window.WebViewJavascriptBridge)
            },
            false
        );
    }
    //ios使用
    if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
    if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
    window.WVJBCallbacks = [callback];
    var WVJBIframe = document.createElement('iframe');
    WVJBIframe.style.display = 'none';
    WVJBIframe.src = 'https://__bridge_loaded__';
    document.documentElement.appendChild(WVJBIframe);
    setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
}
setupWebViewJavascriptBridge(function(bridge) {

//oc或android掉js
    bridge.registerHandler('result', function(data, responseCallback) {
        if(data.errorCode == null  || data.errorCode == "")
            window.location.href = "refresh.html?result=success";
        else
            window.location.href = "refresh.html?result=fail";
    });

    //js掉原生
    $(document).on('click', '#call', function() {
        bridge.callHandler('call', {'sessionId':$.cookie("sessionId")}, function(response) {
            //处理oc过来的回调
            var responseData = { 'Javascript Says':'Right back atcha!' };
            responseCallback(responseData);
        });
    });

});

<div>
   <a id = "call">跳转手机端 > </a>
</div>

参考：https://www.jianshu.com/p/e37ccf32cb5b

分享标题：WebViewJavascriptBridge实现js与android和ios原生交互
本文来源：https://www.cdcxhl.com/article14/ihhgde.html

成都网站建设公司_创新互联，为您提供网站导航、微信公众号、做网站、虚拟主机、定制网站、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联