vue中调用Android和IOS的方法

948 阅读1分钟
    ios中alert不生效,不知道为什么,所以我自己写了一个弹框
   methods: {
     _IsIOS(){ // 判断是否是iPhone
            if (/(iPhone|iPad|iPod|iOS)/i.test(window.navigator.userAgent)) {
		        return true;
		    } else {
		        return false;
		    }
        },
        _IsAndroid(){ // 判断是否是Android
            if (/(Android|Adr)/i.test(window.navigator.userAgent)) {
		        return true;
		    } else {
		        return false;
		    }
        },
        share(){ // 点击按钮的方法
            if (this._IsIOS()) {
                try{
                    // 在ios中打开是可以获取到webkit
                    // ios中要监听share函数
                    // 一定要传参数,要不然监听不到,我也不知道为什么
                    window.webkit.messageHandlers.share.postMessage("11111");
                }catch(err){
                    this.$toast({text: "调用异常"}); // 这是我自己封装的弹框函数
                    return;
                }
            } else if (this._IsAndroid()) {
                try{
                    // Android中定义share函数
                    window.share.share("11111");
                }catch(err){
                    this.$toast({text: "调用异常"}); // 这是我自己封装的弹框函数
                    return;
                }
            }
        }
}