首页 > 移动平台 > 详细

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

时间:2021-05-21 12:03:01      阅读:40      评论:0      收藏:0      [点我收藏+]

一、可以利用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端还是移动端

原文:https://www.cnblogs.com/morango/p/14792758.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!