JS和安卓 IOS的交互 例子式記錄

(function () {
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android終端
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

    if(isAndroid){
        (function(){
            function android_inter(){
                let t_url = "xxxxxx";
                document.getElementById("事件監聽的DOM節點").onclick = function () {
                    android.onNavigateByScheme(t_url);
                }
            }
            android_inter();
        })();
    }else if(isiOS){
        /**
         *  UIWebView與JS之間的橋接
         */
        function setupWebViewJavascriptBridge(callback) {
            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)
        }
        let t_url = "xxxxxx";
        document.getElementById("事件監聽的DOM節點").onclick = function () {
            setupWebViewJavascriptBridge(function(bridge) {
                bridge.callHandler("客戶端定義好的函數名",t_url, function (responseData) {
                });
            });
        }
    }
})();