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

  1. 创建一个utils文件夹在文件夹中创建全局的js文件


    utils
  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()   //直接调用
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。