zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    HDU 3152 Obstacle Course(BFS+优先队列 重载)
    芸芸毕业生
    shell学习三十四天----printf具体解释
    tomcat启动批处理——catalina.bat
    ZooKeeper启动过程2:FastLeaderElection
    R语言——数据分析的一把利剑
    Oracle blob字段的插入和更新
    [LeetCode] 698. Partition to K Equal Sum Subsets
    小知识!
    小知识!
  • 原文地址:https://www.cnblogs.com/cmm123/p/14072771.html
Copyright © 2011-2022 走看看