dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1672|回复: 0

[前端] 使用JavaScript检测设备类型

[复制链接]

358

主题

16

回帖

1641

积分

荣誉会员

积分
1641

发表于 2023-10-20 14:00:00 | 显示全部楼层 |阅读模式

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有账号?立即注册

x
要使用JavaScript检测设备类型,您可以使用以下方法之一:

1. 使用`navigator.userAgent`属性和正则表达式:通过检查`navigator.userAgent`属性,您可以获取包含有关浏览器、操作系统和设备的用户代理字符串。使用正则表达式匹配特定的设备类型模式,以确定设备类型。例如,您可以使用以下代码来检测移动设备:
[mw_shl_code=javascript,true]
   var isMobile = /Android
webOS
iPhone
iPad
iPod
BlackBerry
IEMobile
Opera Mini/i.test(navigator.userAgent);
[/mw_shl_code]

2. 使用`navigator.platform`属性:`navigator.platform`属性返回浏览器所在设备的平台信息。您可以使用它来确定用户使用的操作系统类型。例如,您可以使用以下代码来检测用户是否使用Windows操作系统:
[mw_shl_code=javascript,true]
   var isWindows = /Win32
Win64
Windows/i.test(navigator.platform);
[/mw_shl_code]

3. 使用`window.innerWidth`和`window.innerHeight`属性:您可以使用`window.innerWidth`和`window.innerHeight`属性来获取浏览器窗口的宽度和高度。根据这些值,您可以推断出设备的类型。例如,如果宽度较小,则可能是移动设备。

请注意,这些方法只能提供有限的设备类型识别,因为用户代理字符串和平台信息可以被修改或欺骗。但是,在大多数情况下,它们仍然是可靠的。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区 |网站地图

GMT+8, 2026-10-7 08:15 , Processed in 0.042468 second(s), 11 queries , Redis On.

Powered by Discuz! X3.4 Licensed

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表