JS判断当前访问设备是手机/平板/电脑？

Myth丶恋晨 2023-09-29 09:56 8阅读 0赞

> JS判断当前访问设备是手机/平板/电脑？

## 一、程序代码 ##

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

## 二、运行结果 ##

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAUm9jLXhi_size_20_color_FFFFFF_t_70_g_se_x_16][]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAUm9jLXhi_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/403e379db1964ecc8cbdb3be2886f367.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAUm9jLXhi,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS判断当前访问设备是手机/平板/电脑？

> JS判断当前访问设备是手机/平板/电脑？一、程序代码 <script> var os = function () { var u

Myth丶恋晨/ 2023年09月29日 09:56/ 0 赞/ 9 阅读

相关 js判断当前手机是安卓还是IOS

是否是IOS isIos() { var ua = navigator.userAgent.toLocaleLowerCase()

谁借莪１个温暖的怀抱￠/ 2023年02月13日 03:39/ 0 赞/ 27 阅读

相关 Android判断横竖屏（平板/手机）

第一种方法： Configuration configuration = getResources().getConfiguration(); if (

àì夳堔傛蜴生んèń/ 2022年12月27日 02:14/ 0 赞/ 231 阅读

相关 js判断当前客户端为手机或者电脑

talk is cheap,show code var system ={}; var p = navigator.platform; system.

古城微笑少年丶/ 2022年10月29日 12:29/ 0 赞/ 164 阅读

相关判断是否是手机访问

转自：http://www.nowamagic.net/librarys/veda/detail/2499 从某框架里拿出 function is_mobile_r

水深无声/ 2022年08月06日 12:14/ 0 赞/ 256 阅读

相关 PHP判断电脑还是手机访问

最近的项目中使用到了电脑和手机2个不同平台的相互切换，一开始想使用JS判断，后来一想直接在项目入口出判断即可，并且方便：代码直接可以使用，可以直接测试： <?ph

水深无声/ 2022年07月31日 15:19/ 0 赞/ 240 阅读

相关 js判断当前设备是 Android 还是 iOS

//userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值 var u = navigator.userAgent;

不念不忘少年蓝@/ 2022年05月14日 14:57/ 0 赞/ 253 阅读

相关 JS-判断设备是否是移动设备

使用JS判断设备是否是移动设备。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

刺骨的言语ヽ痛彻心扉/ 2022年04月03日 18:40/ 0 赞/ 369 阅读

相关 aspnet 判断用户是访问手机还是访问电脑

检测浏览器 [http://www.enhanceie.com/ua.aspx][http_www.enhanceie.com_ua.aspx] 判断依据 [http:

深碍√TFBOYSˉ_/ 2022年01月05日 14:15/ 0 赞/ 348 阅读

相关 Vue - 判断当前设备是手机端或者pc端，根据设备展示页面

判断当前设备是手机端或者pc端，根据设备展示页面 > 在项目中经常会遇到支持 pc端与手机端的需求。但是 pc 端和手机端尺寸差距很大，一个文件很难实现这种需求。

迷南。/ 2021年07月25日 18:37/ 0 赞/ 1283 阅读