WebViewJavascriptBridge js和原生交互注意点

最新推荐文章于 2024-08-08 08:30:48 发布

卑微丶微笑

最新推荐文章于 2024-08-08 08:30:48 发布

阅读量3k

点赞数

分类专栏： javascript 文章标签： javascript WebViewJavascriptBri

本文链接：https://blog.csdn.net/taoxhsmile/article/details/72865253

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

function setupWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) {
        return callback(WebViewJavascriptBridge);
    }else{
        document.addEventListener(
                'WebViewJavascriptBridgeReady'
                , function() {
                    callback(WebViewJavascriptBridge)
                },
                false
        );
        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) {
    try{ //此处try catch注意  android 有init初始化方法，必须调用 不调用后续注册的事件将无效 而IOS却没有init方法 调用会报错 所以得捕获异常
        bridge.init(function(message, responseCallback) {
            console.log('JS got a message', message);
            var data = {
                'Javascript Responds': '测试中文!'
            };
            console.log('JS responding with', data);
            responseCallback(data);
        });
    }catch(e){

    }

    bridge.registerHandler('orderResultJsHandler', function(data, responseCallback) {
        //处理回调
    });

})