能者 发表于 2023-10-20 14:00:00

使用JavaScript检测设备类型

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

1. 使用`navigator.userAgent`属性和正则表达式:通过检查`navigator.userAgent`属性,您可以获取包含有关浏览器、操作系统和设备的用户代理字符串。使用正则表达式匹配特定的设备类型模式,以确定设备类型。例如,您可以使用以下代码来检测移动设备:

   var isMobile = /Android
webOS
iPhone
iPad
iPod
BlackBerry
IEMobile
Opera Mini/i.test(navigator.userAgent);


2. 使用`navigator.platform`属性:`navigator.platform`属性返回浏览器所在设备的平台信息。您可以使用它来确定用户使用的操作系统类型。例如,您可以使用以下代码来检测用户是否使用Windows操作系统:

   var isWindows = /Win32
Win64
Windows/i.test(navigator.platform);


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

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

页: [1]
查看完整版本: 使用JavaScript检测设备类型