通过分辨率区分iPhone型号（更新至13系列）

原理

通过获取设备逻辑像素宽高(window.screen.width，window.screen.height)与DPR(window.devicePixelRatio)这三要素然后依据如下图进行判断（数据已查阅多方资料核对）。

核心代码

          function iPhoneModel() {var isIphone = /iphone/gi.test(navigator.userAgent);if (isIphone) {var dpr = window.devicePixelRatio,screenWidth = window.screen.width,screenHeight = window.screen.height,modelList = {'320*480*1': '2G/3G/3GS','320*480*2': '4/4S','320*568*2': '5/5S/5C/SE','375*667*2': '6/6S/7/8/SE2','414*736*3': '6Plus/6S Plus/7Plus/8Plus','375*812*3': 'X/XS/11 Pro','414*896*2': '11/XR','414*896*3': 'XS_Max/11_Pro_Max','360*780*3': '12_Mini/13_Mini','390*844*3': '12/12_Pro/13/13_Pro','428*926*3': '12_Pro_Max/13_Pro_Max'}return modelList[screenWidth + '*' + screenHeight + '*' + dpr] || 'iPhone';} else {return false;}}

Demo

<!DOCTYPE html>
<html lang=""><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>判断iPhone型号</title>
</head><body><script>function iPhoneModel() {var isIphone = /iphone/gi.test(navigator.userAgent);if (isIphone) {var dpr = window.devicePixelRatio,screenWidth = window.screen.width,screenHeight = window.screen.height,modelList = {'320*480*1': '2G/3G/3GS','320*480*2': '4/4S','320*568*2': '5/5S/5C/SE','375*667*2': '6/6S/7/8/SE2','414*736*3': '6Plus/6S Plus/7Plus/8Plus','375*812*3': 'X/XS/11 Pro','414*896*2': '11/XR','414*896*3': 'XS_Max/11_Pro_Max','360*780*3': '12_Mini/13_Mini','390*844*3': '12/12_Pro/13/13_Pro','428*926*3': '12_Pro_Max/13_Pro_Max'}return modelList[screenWidth + '*' + screenHeight + '*' + dpr] || 'iPhone';} else {return false;}}document.write(iPhoneModel())</script>
</body></html>

我的个人公众号：归园田居每日分享前端知识与资讯～

通过分辨率区分iPhone型号（更新至13系列）相关推荐

苹果史上最强芯片竟然是个“组装货”！iPhone SE涨价，13系列是真绿了
金磊明敏博雯发自凹非寺量子位 | 公众号 QbitAI 今年的苹果春季发布会,库克依旧线上"高能传送". 而在此前一波火热的"发布M2芯片"预测声中, ...
iphone闪退修复工具_iPhone更新iOS 13出现程序闪退？大家不妨试试这个方法来解决问题...
发布iPhone 11系列以后,关于苹果手机的热度都很高,最近就有很多网友在反馈他们的iPhone手机在更新到iOS 13正式版以后,会有部分APP会出现频繁闪退,无法进入程序的页面. 关于网友说的这 ...
支付宝回应 AI 换脸风险；新 iPhone 或将于 13 号接受预订；Linux Lite 4.6 发布 | 极客头条...
快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有 ...
剪了 20% 的刘海、120Hz 刷新率、1TB 存储，最高售价为 12999 元的 iPhone 13 系列来了！
2011 年 8 月 24 日,乔布斯表示「无法继续担任苹果首席执行官的这一天终于来临」,随后彼时的代理首席执行官蒂姆·库克被任命为正式首席执行官,成为苹果公司的新任掌舵者. 正如古语云「打江山易,守 ...
根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号
1,区分PC端还是移动端 methods:{_isMobile() {let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod| ...
外媒吐槽：iPhone 13系列为史上力度最小的升级
9月15日消息,据国外媒体报道,一年一度的"苹果盛会"在今日凌晨又拉开了帷幕,一直以来对于新iPhone系列的评价都会好坏参半,但这次有外媒评论道,iPhone 13系列史上升级力 ...
iPhone 13系列7款新机已通过EEC认证：或继续9月亮相
根据此前多方预测的消息,今年苹果将继续在9月推出的iPhone 13系列机型(也有消息称为iPhone 12s系列),按照往年惯例,今年新iPhone的升级可能并不会太大,但依旧吸引了大家关注的目光. ...
不再是顶配专属iPhone 13系列将全系标配LiDAR激光雷达
根据此前多方预测的消息,今年苹果将继续在9月推出全新的iPhone 13系列机型(也有消息称为iPhone 12s系列),按照往年惯例,今年的新iPhone的升级可能并不会太大,而最大的升级主要将集中 ...
iPhone 13系列电池容量曝光：续航时长能否提升才是关键
根据此前多方预测的消息,今年苹果将继续在9月推出全新的iPhone 13系列机型(也有消息称为iPhone 12s系列),随着距离预计的发布时间越来越近,关于该机的爆料也越来越密集,不过此前的爆料基本 ...

通过分辨率区分iPhone型号（更新至13系列）

原理

核心代码

Demo

通过分辨率区分iPhone型号（更新至13系列）相关推荐

最新文章

热门文章