WebViewJavascriptBridge實現js與android和ios原生互動

來源:互聯網
上載者:User

標籤:WebViewJavascriptB   Android   IOS   js   

1、實現原生與js互動

    <!-- 申明互動 這段代碼固定必須有 -->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原生互動

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: