纯JS判断iPhone准确机型，iPhone6~iPhoneXs Max

Longsir_

已于 2024-10-24 10:49:43 修改

阅读量4.3k

点赞数

分类专栏： JS html CSS 文章标签： html5 javascript 1024程序员节

于 2020-10-19 17:04:45 首次发布

本文链接：https://blog.csdn.net/ls519585292/article/details/109164093

版权

JS 同时被 2 个专栏收录

4 篇文章

订阅专栏

html CSS

4 篇文章

订阅专栏

工作中所用到的对于iPhone各类机型的准确识别，

亲测可用，现在分享一下：

//iPhone 6/6s/7/8

let isIPhone6 =
        /iphone/gi.test(window.navigator.userAgent) &&
        window.devicePixelRatio &&
        window.devicePixelRatio === 3 &&
        window.screen.width === 375 &&
        window.screen.height === 667

//iPhone 6p/6sp/7p
let isIPhone6p =
        /iphone/gi.test(window.navigator.userAgent) &&
        window.devicePixelRatio &&
        window.devicePixelRatio === 3 &&
        window.screen.width === 414 &&
        window.screen.height === 736

      // iPhone X、iPhone XS
      let isIPhoneX =
        /iphone/gi.test(window.navigator.userAgent) &&
        window.devicePixelRatio &&
        window.devicePixelRatio === 3 &&
        window.screen.width === 375 &&
        window.screen.height === 812

      // iPhone XS Max
      let isIPhoneXSMax =
        /iphone/gi.test(window.navigator.userAgent) &&
        window.devicePixelRatio &&
        window.devicePixelRatio === 3 &&
        window.screen.width === 414 &&
        window.screen.height === 896

      // iPhone XR
      let isIPhoneXR =
        /iphone/gi.test(window.navigator.userAgent) &&
        window.devicePixelRatio &&
        window.devicePixelRatio === 2 &
        window.screen.width === 414 &&
        window.screen.height === 896

console.log(isIPhone6)
console.log(isIPhone6p)
console.log(isIPhoneX)
console.log(isIPhoneXSMax)
console.log(isIPhoneXR)

/*************************End*******************************/

当然，实现功能时要简化代码和对iOS系统更精准的判断时，可以在上述代码之前加上下面这一行判断：

var isIOS = /^(iPhone|iPad|iPod|Pike)/ig.test(navigator.platform) || !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

另外，对于不同的需求，如：

判断微信：
var isWeiXin = /MicroMessenger/i.test(navigator.userAgent);

判断安卓：

var isAndroid = userAgent.indexOf("Android") > -1 || userAgent.indexOf("Adr") > -1;

判断PC端：
var isPC = /^(Win)/ig.test(navigator.platform) || userAgent.indexOf("Windows NT ") > 0;

希望能帮到大家，少走弯路。多一些分享，就少造一些轮子！

希望我传达到了一份“愿意分享”的心！

月入万元以下的朋友看过来，创收小项目文章推荐：如何创建一个在线工具箱网站以增加业余收入-CSDN博客