vue判断当前访问设备为pc端还是移动端

一、可以利用navigor.userAgent进行判断,获取到访问设备的信息。

  Navigor属于browser对象,其中包含浏览器的各种信息。

  详见:https://www.w3school.com.cn/jsref/dom_obj_navigator.asp

二、实现

  1、需求:移动端则显示  搜索 按钮

//html层

<el-button v-if="isMobile" type="primary" size="small">搜索</el-button>

//data层
data() {
    isMobile:false,    //默认为pc端
}

//方法
created() {
    let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
    if(flag) {
        //如果flag不为空,说明可以匹配到,是手机端
        this.isMobile = true
    }
}

 

vue判断当前访问设备为pc端还是移动端

上一篇:Python - 面向对象编程 - 三大特性之继承


下一篇:【转】微信中MMAlert(半透明底部弹出菜单)的使用介绍