APP端与js交互，调用app方法 $bridge

webview_javascript_bridge.js

主要代码，可直接复制为一个文件。后续引入使用。

/*
* APP端与js交互
*
* 变量：phoneType：手机类型 android / ios / false
*
* 方法
* getPhoneType: 返回手机类型
* setupWebViewJavascriptBridge： 获取 window.WebViewJavascriptBridge
* init: 安卓端 定义一个默认的处理程序，这样Java就可以在没有分配handlerName的情况下向js发送消息
* callHandler：webView调用java的方法。 参数：name：方法名 data：传的数据 callback：成功后的回调方法
* registerHandler：是注入到桥梁中 JS 函数的别名。以供 APP 调用。name：函数名 callback：js函数
*
* 原生的方法：
* scanQRCodeForResult : 扫码
* */

/**
 * 函数描述：js调用webview事件
 *
 * callHandler(method, data, callBack(response));
 * @param method {string} 方法名
 * @param data {Object} 参数
 * @return {Object} 回调
 */

/**
 * 函数描述：webView调用JS事件
 *
 * registerHandler(method, callBack(response));
 * @param method {string} 方法名
 * @return {Object} 回调
 */

const getPhoneType = () => {
   
   
    if ((/android/gi).test(navigator.appVersion)) {
   
   
        return 'android';
    } else if ((/iphone|ipad|iPod/gi).test(navigator.appVersion)) {
   
   
        return 'ios';
    } else {
   
   
        return false;
    }
};

const setupWebViewJavascriptBridge