前端判断用户设备是iPad还是pc的代码js

发布于:2023-01-12 ⋅ 阅读:(502) ⋅ 点赞:(0)

需求:根据不同的登录设备,显示设备类型:
在这里插入图片描述
实现:

let os = 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: isTablet,// iPad
        isPhone: isPhone,// iPhone
        isAndroid: isAndroid,// Android
        isPc: isPc // Pc
    };
};
console.log('res:',os);
if (os.isAndroid || os.isPhone) {
	// 手机
	window.location.href = "https://m.xxxx.com";
	
	} else if (os.isTablet) {
			// 平板
	} else if (os.isPc) {
			// 电脑
}

参考文章:https://blog.csdn.net/qq_19309473/article/details/124138954


网站公告

今日签到

点亮在社区的每一天
去签到