js如何识别移动端

方法一

export const isMobile = (/(iPhone|iPad|iPod|iOS|Android|SymbianOS|Windows Phone|webOS|BlackBerry)/i).test(navigator.userAgent);

方法二

// 平台、设备和操作系统  
export const isMobile = !(/(Win|Mac|X11|Linux)/i).test(navigator.platform);

方法三

export const isMobile = (/(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i).test(navigator.userAgent);

方法四

const browser = {
    "versions": function () {
        const u = navigator.userAgent;
        return { // 移动终端浏览器版本信息 
            "trident": u.indexOf("Trident") > -1, // IE内核
            "presto": u.indexOf("Presto") > -1, // Opera内核
            "webKit": u.indexOf("AppleWebKit") > -1, // 苹果、谷歌内核
            "gecko": u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, // 火狐内核
            "mobile": !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/) && u.indexOf("QIHU") && u.indexOf("Chrome") < 0, // 是否为移动终端  
            "ios": !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // iOS终端
            "android": u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, // Android 终端或者 UC 浏览器
            "iPhone": u.indexOf("iPhone") > -1 || u.indexOf("Mac") > -1, // 是否为 iPhone 或者 QQHD 浏览器
            "iPad": u.indexOf("iPad") > -1, // 是否 iPad
            "webApp": u.indexOf("Safari") == -1, // 是否WEB应该程序，没有头部与底部。
            "ua": u
        };
    }(),
    "language": (navigator.browserLanguage || navigator.language).toLowerCase()
}
 
export const isMobile = (browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad);