判断当前设备是否为移动端/手机/IOS

大宁宁吖

已于 2023-04-26 17:12:10 修改

阅读量867

点赞数 1

分类专栏： javaScript vue 文章标签： vue.js 前端 javascript

于 2022-10-08 16:48:40 首次发布

本文链接：https://blog.csdn.net/weixin_44594219/article/details/127211874

版权

vue 同时被 2 个专栏收录

19 篇文章 3 订阅

订阅专栏

javaScript

8 篇文章 0 订阅

订阅专栏

以vue为例：

computed: {
    //判断当前设备是否是移动端
    isMobileDevice() {
      const ua = navigator.userAgent.toLowerCase();
      const t1 = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(ua);
      const t2 = !ua.match("iphone") && navigator.maxTouchPoints > 1;
      return t1 || t2;
    },

    //判断当前设备是否是手机
    isMobilePhone() {
      const ua = navigator.userAgent.toLowerCase();
      const t1 = /android|webos|iphone|ipod|blackberry|iemobile|opera mini/i.test(ua);
      return t1 ;
    },

    //判断当前设备是否是IOS
    isIOS() {
      var u = window.navigator.userAgent;
      var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; 
      return !isAndroid;
    },
}