js判断苹果ios各类机型

最新推荐文章于 2022-10-20 14:20:54 发布

玫光

最新推荐文章于 2022-10-20 14:20:54 发布

阅读量2.1k

点赞数 1

分类专栏： javascript 文章标签： html5 javascript jquery html vue.js

本文链接：https://blog.csdn.net/weixin_42690133/article/details/112867562

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何根据设备像素比和分辨率判断iPhone系列的不同型号，如iPhone 4/4s到iPhone 11系列，提供了一段针对不同设备的判断代码示例，有助于开发者进行响应式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先需要得到设备像素比/设备分辨率(根据下面设备表去判断)

/*
iPhone 3GS3.5吋320x480@1x320x480
iPhone 4/4s3.5吋320x480@2x640x960
iPhone 5/5s/5c4.0吋320x568@2x640x1136
iPhone 64.7吋375x667@2x750x1334
iPhone 6Plus5.5吋414x736@3x1242x2208
iPhone 6s4.7吋375x667@2x750x1334
iPhone 6sPlus5.5吋414x736@3x1242x2208
iPhone 74.7吋375x667@2x750x1334
iPhone 7Plus5.5吋414x736@3x1242x2208
iPhone 84.7吋375x667@2x750x1334
iPhone 8Plus5.5吋414x736@3x1242x2208
iPhone X5.8吋375x812@3x1125x2436
iPhone XS5.8吋375x812@3x1125x2436
iPhone XS Max6.5吋414x896@3x1242x2688
iPhone XR6.1吋414x896@2x828x1792
*/

判断：

// iPhone 4/4s 
var iPhone4 = window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 320 && window.screen.height === 480
// iPhone 5/5s/5c 
var iPhone5 = window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 320 && window.screen.height === 568
//iPhone 6 ...
//if(iPhone4){alert('iPhone 4/4s')}else if(iphone5){alert('iPhone 5/5s/5c ')}