Android WebView与javaScript之间的交互

window.AndroidWebView.方法名(参数)

IOS WebView与javaScript之间的交互

window.webkit.messageHandlers.方法名.postMessage(参数)

安整判断终端是小程序、安卓、IOS设备并执行相关代码

下面是判断什么设备并通过设备后台的特定方法去修改页面的title(标题)

setPageTitle(title){      
    let wx = require('@/config/jweixin.js')
    //判断是否是小程序打开的
    let ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        console.log("在小微信里")
        // ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）
    }else{
        // 不在微信里
        let u = navigator.userAgent;
        if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
            console.log("安卓手机")
            if(window.AndroidWebView!==undefined && typeof(window.AndroidWebView.setWebViewTitle)==='function'){
                window.AndroidWebView.setWebViewTitle(title)
                //上面方法中setWebViewTitle是andriod程序员在后台自定义的方法
            }
        } else if (u.indexOf('iPhone') > -1) {
            console.log("苹果手机")            
            if(window.webkit!==undefined && window.webkit.messageHandlers.setWebViewTitle!==undefined){
                window.webkit.messageHandlers.setWebViewTitle.postMessage(title)
                //上面方法中setWebViewTitle是IOS程序员在后台自定义的方法
            }
        } else if (u.indexOf('Windows Phone') > -1) {
            console.log("winphone")
        }else{
            console.log(u)
        }
    }