dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1612|回复: 0

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

[复制链接]

358

主题

374

帖子

1641

积分

荣誉会员

积分
1641

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

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

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

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

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


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


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

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

回复

使用道具 举报

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

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-29 04:37 , Processed in 0.038535 second(s), 9 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

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