Vue全局引入判断是移动端类型的js

1,705 阅读1分钟
  1. 创建一个utils文件夹在文件夹中创建全局的js文件
  2. 在Judge.js进行判断
let UA=function () {
    var u = navigator.userAgent
    /**判断是在Android终端内*/
    const isInAndroid = () => {
        return u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
    }
    /**判断是在iOS终端内*/

    const isInIOS = () => {
        return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    }

    const isMobile = () => {
        return !!u.match(/AppleWebKit.*Mobile.*/) //是否为移动终端
    }

    if(isInAndroid()){
        return 1    //android机器的话  就是返回1
    }else if(isInIOS()){
        return 2    //ios 设备返回2
    }
}
export  {UA}
  1. 在mian.js中全局引入挂载到vue原型上
import {UA} from './utils/Judge'

Vue.prototype.UA = UA   //.UA 的名字是自定义的

4.在组件中引入

this.UA()   //直接调用