在正式项目中,我们可能会遇到根据不同的设备类型进行相应操作的业务场景。那么我们如何判断用户的设备类型呢?

JS判断用户设备类型,主要是根据navigator.userAgent来判断的。

isIpad

isIpad() {
    const userAgentInfo = navigator.userAgent.toLowerCase();
    return /ipad/i.test(userAgentInfo);
}

isIos

isIos() {
    const userAgentInfo = navigator.userAgent.toLowerCase();
    return /(iphone)/i.test(userAgentInfo);
}

isAndroid

isAndroid() {
    const userAgentInfo = navigator.userAgent.toLowerCase();
    return /(android)/i.test(userAgentInfo);
}

isMobile

isMobile() {
    const userAgentInfo = navigator.userAgent.toLowerCase();
    return /(iphone|android)/i.test(userAgentInfo);
}