如何在js中找出用户是在手机上还是在电脑上? - Javascript

在网页开发中，我们常常需要根据用户使用的设备类型来选择相应的页面显示方式。在Javascript中，我们可以通过判断用户的UA（User Agent）字符串来确定用户是在手机上还是在电脑上。以下是代码实现示例：

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

if(isMobile.any()) {
    console.log('用户正在使用移动设备');
} else {
    console.log('用户正在使用电脑');
}

以上代码定义了一个isMobile对象，其中Android()、BlackBerry()、iOS()、Opera()、Windows()分别对应不同的设备类型，并返回该设备类型对应的UA匹配。any()方法则判断任意一个设备类型是否匹配用户的UA。如果用户是在移动设备上，则输出“用户正在使用移动设备”，否则输出“用户正在使用电脑”。

在实际应用中，我们可以根据用户的设备类型来选择不同的页面布局或显示效果，从而提高用户体验。