• vue 二维码判断手机登录是哪个操作系统


    最近公司需要我做一个vue 二维码验证手机啥操作系统给与用户扫一下二维码直接给用户进行下载对应操作系统的软件(ios和安卓)

    废话不多说直接上代码

    <template>
        
    </template>
    
    <script>
        export default {
            name: "downloadAPP",
            data(){
                return{
                    version:{
                        trident: '',
                        presto: '',
                        webKit: '',
                        gecko: '',
                        mobile: '',
                        ios: '',
                        android: '',
                        iPhone: '',
                        iPad: '',
                        webApp: '',
                    }
                }
            },
            mounted() {
                this.getVersion()
            },
            methods:{
                getVersion(){
                    var u = navigator.userAgent, app = navigator.appVersion;
                    this.version.trident = u.indexOf('Trident') > -1; //IE内核;
                    this.version.trident= u.indexOf('Trident') > -1; //IE内核
                    this.version.presto= u.indexOf('Presto') > -1; //opera内核
                    this.version.webKit= u.indexOf('AppleWebKit') > -1; //苹果、谷歌内核
                    this.version.gecko= u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1; //火狐内核
                    this.version.mobile= !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/); //是否为移动终端
                    this.version.ios= !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                    this.version.android= u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
                    this.version.iPhone= u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1; //是否为iPhone或者QQHD浏览器
                    this.version.iPad= u.indexOf('iPad') > -1; //是否iPad
                    this.version.webApp= u.indexOf('Safari') == -1; //是否web应该程序,没有头部与底部
                    console.log('11111111111111111111111111111')
                    if (this.version.ios || this.version.iPhone || this.version.iPad) {
                        window.location = "这里放上你ios安装包地址"; 
                    } else if (this.version.android) {
                         window.location = "   这里放上你安卓安装包地址 "; 
                    }
                },
        
            }
        }
    </script>
    
    <style scoped>
    
    </style>
  • 相关阅读:
    python程序打包,来源于知乎(已验证)
    登录窗体界面设计
    窗体应用常见操作
    MDI窗体应用
    第四单元
    Test3_3——3_20
    TEST3_2
    ff文字省略号
    jQuery 浏览器高度宽度获取
    CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
  • 原文地址:https://www.cnblogs.com/cmm123/p/14072771.html
Copyright © 2020-2023  润新知