如何判断用户使用的设备是手机or电脑or平板？

这里是封装成了一个函数，在vue里直接import使用即可

• 函数

let userEqu = (function () {
    var ua = navigator.userAgent,
        isWindowsPhone = /(?:Windows Phone)/.test(ua),
        isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
        isAndroid = /(?:Android)/.test(ua),
        isFireFox = /(?:Firefox)/.test(ua),
        isChrome = /(?:Chrome|CriOS)/.test(ua),
        isTablet =
            /(?:iPad|PlayBook)/.test(ua) ||
            (isAndroid && !/(?:Mobile)/.test(ua)) ||
            (isFireFox && /(?:Tablet)/.test(ua)),
        isPhone = /(?:iPhone)/.test(ua) && !isTablet,
        isPc = !isPhone && !isAndroid && !isSymbian;
    return {
        isTablet,   //平板
        isPhone,    //手机
        isAndroid,  //安卓
        isPc        //电脑
    };
})()
export default userEqu;

• 引用

<script>
import userEqu from "@/tools/userEqu";
export default {
  created() {
    console.log(userEqu);
  }
};
</script>