使用JS识别设备详细信息~

最新推荐文章于 2024-10-14 11:51:12 发布
最新推荐文章于 2024-10-14 11:51:12 发布
阅读量4.9k 收藏 4
点赞数 1
分类专栏： JQ库 识别设备 文章标签： JQuery JQuery库 设备识别
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AdolphKevin/article/details/88988892
版权
本文介绍了如何使用一个JavaScript库来轻松获取设备的详细信息，包括设备类型、品牌型号、宽高比、浏览器版本等，帮助前端开发者更好地进行屏幕适配。虽然该库依赖于jQuery，但它提供了识别触摸屏和性能监控等功能，简化了Web端适配工作。
摘要由CSDN通过智能技术生成

上次咱们分享了一个Git装逼的小技巧，这周咱们分享一个JavaScript的库，装逼一时爽，一直装逼一直爽~

咱们做前端的，做Web端页面时，主要考虑就是兼容各种乱七八糟的浏览器，比如像IE这种蛇皮，要是Mobile端页面，就要考虑兼容各种异形屏…比如Apple带头搞的刘海屏，夏普折腾的美人尖，还有三丧搞的屏幕挖洞，还美名其曰洞见未来…

现在各种手机厂商都喜欢在屏幕上折腾花式挖洞技术，完全就没考虑过我们前端狗的感受？

做APP端的页面稍微还好点，能让咱们的蛇皮后端识别一下是什么设备，什么分辨率啥的，然后直接把结果告诉我们就好了

可做别的平台页面的时候……老板左手拿着IphoneX，右手拿着三丧S10，嘴里还叼着一个夏普的美人尖手机，张牙舞爪的让我们要兼容这些奇形怪状的屏幕……

这时候突然好怀念以前的手机屏幕……现在我写个页面，你还要让我要识别这些设备并作出兼容？？？

容我再想想要不要掏出裤裆里的手榴弹…

手榴弹还是藏回去算了吧，毕竟炸了老板还得赔钱

其实要兼容这些屏幕，并不是什么难事，难点倒是在于判断屏幕长啥样，毕竟知道长啥样了，样式也就好画了

这里给你们介绍一个JS库，咱们前端也能轻松解决这种问题了

前端也能轻松知道设备信息

要想识别起来，其实很简单，两个JS文件的引用就能解决问题

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
最低0.47元/天 解锁文章
闹闹吃鱼
关注
专栏目录
js设备识别
05-04
js设备识别,智能机浏览器版本信息
前端获取计算机设备信息,前端获取设备/APP信息
weixin_30476025的博客
07-15 2571
HWH5.getDeviceInfo获取系统信息：包含设备OS类型、设备版本、设备名称扫码体验：请求参数无。返回结果参数说明deviceName设备名称osType设备平台类型，可选值：iOS、androidosVersion系统版本deviceID设备ID请求示例ES6版本HWH5.getDeviceInfo().then(data=>{console.log(data);}).c...
js获取PC设备信息,js获取手机设备信息,最全
热门推荐
橙-极纪元-cplvfx-JJY.Cheng
06-11 1万+
js获取PC设备信息 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 获取PC设备信息 </title>
js获取硬件设备
最新发布
xccevol的博客
10-14 510
js获取硬件设备
用JS获取移动设备信息
好的文章我尽力写，大家的学习我尽力帮
02-22 9065
获取设备信息少不了的一个JS脚本就是 ： mobile-detect.js，如图第二个script链接就是mobile-detect.js的网上链接。它的官方链接我给大家放在这里了： mobile-detect.js官方地址https://www.mobile-detect.cn/ <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <script ..
获取手机设备信息
zerlinda0913的博客
10-11 416
1.uniapp中提供了一个API为uni.getSystemInfo(OBJECT)//获取系统信息 uni.getSystemInfo({ success(res) { console.log(res.brand) //手机牌子 console.log(res.model) //手机型号 console.log(res.screenWidth) //屏幕宽度 console.log(res.screenHeight) //屏幕高度
js获取移动端设备信息（IMEM，IMIS,手机型号，系统版本，浏览器信息等）
dazhou157100的博客
01-06 1万+
js获取移动端设备信息（IMEM，IMIS,手机型号，系统版本，浏览器信息等）
mobile-detect.min.js获取设备信息
06-11
js 获取设备信息;文章：《js获取PC设备信息,js获取手机设备信息,最全》https://blog.csdn.net/cplvfx/article/details/117807449
clientjs:用纯JavaScript编写的设备信息和数字指纹
04-28
用纯JavaScript编写的设备信息和数字指纹。...要使用ClientJS，只需包含dist/client.min.js或其他捆绑软件之一（有关更多详细信息，请参见部分） 可通过和下载ClientJS。 npm npm install clientjs 凉亭 bower
使用phonegap获取设备的一些信息方法
09-27
本文将详细探讨如何利用PhoneGap来获取设备信息，包括设备名称、PhoneGap版本、设备类型、设备唯一识别码以及操作系统版本。 首先，开发者需要理解PhoneGap框架中的全局对象device。device对象在设备加载完成后，即...
使用node.js 获取客户端信息代码分享
10-25
在讨论如何使用Node.js获取客户端信息之前，我们需要了解Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让JavaScript可以脱离浏览器环境在服务器端运行。Node.js非常适合用于构建网络应用和后端服务，能够...
js获取当前设备信息
95后独自打拼的程序猿
08-11 1万+
工作中我们可能会遇到各种需求，例如：要通过前端的写的某一个页面去获取当前登录设备的信息，其实很简单，下边我就教大家如何获取！！例如：以上就是今天要讲的内容，如有疑惑或问题可以私信询问。...............
前端VUE获取当前设备的mac地址和ip地址
z2014ypd的博客
08-28 6462
前端获取机器的mac地址或IP地址的方法
js 判断设备及安卓设备判断不准确问题
iOSTianNan的博客
03-11 569
<!-- web 获取 设备类型.注意: 一旦app端设置了userAgent 将会覆盖设置自带的ua --> <script> var agent = ""; function isAndroid() { agent = navigator.userAgent.toLowerCase(); let result = { device: function () { if (/windows/.test(a
js获取设备类型--移动端、安卓、苹果、pc
qq_43654065的博客
05-10 1198
// 设备类型 function deviceJudge() { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); //苹果端 return 'ios' } else if (/(Android)/i.test(navigator.userAgent)) { ...
JavaScript 获取当前访问设备是什么
前端程序猿的博客
08-17 3015
在前端开发中，有时我们需要根据用户所使用的设备类型来提供不同的功能或界面展示。而 JavaScript 提供了一种简单的方法来获取当前访问设备的信息。
js判断接入设备
web前端技术交流分享
12-11 564
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAge
H5 获取设备信息
weixin_44827945的博客
02-13 2020
H5页面获取设备信息，经纬度，手机型号等
H5获取手机型号，获取具体手机型号
weixin_46600931的博客
11-09 1万+
分析实现：因为H5 是运行在浏览器上的，只能获取window上给的信息也就是浏览器信息。如下图所示，这是安卓机（华为）的拿取到的信息。重这个信息中我们可以获取到手机的入网机型代码，这个也是唯一，是由工信部批准的，是唯一不会变的。苹果的我们是拿不到这个信息的，不过苹果我们可以根据逻辑分辨率来时区分机型（此方法无法区分具体机型比如xr与11都是414,896,2）那就做折中方案苹果机型做或的处理iPhone 11(XR)第三步新建index.tsx应用 ：mobile-detect。
使用JavaScript精确获取移动设备型号
由于不同设备的屏幕尺寸和分辨率存在差异，将GPU型号与屏幕尺寸信息结合起来，可以更准确地识别设备型号。 以下是一个简单的示例代码，用于获取GPU型号： ```javascript (function() { var canvas = document....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值