JS如何判断是不是iphoneX？

Question

目前只想到一种方法，不知道大家是怎么判断的?function isIphoneX(){    return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)}

Answer 1

function hasNotch() {

if (CSS.supports('padding-left: constant(safe-area-inset-left)')) {

    var div = document.createElement('div');

    div.style.paddingLeft = 'constant(safe-area-inset-left)';

    document.body.appendChild(div);

    var calculatedPadding =  parseInt(window.getComputedStyle(div).paddingLeft);

    document.body.removeChild(div);

    if (calculatedPadding > 0) {

        return true;

    } 

}

return false;

}

可以用新增的 safe-area-inset-bottom 属性判断

Answer 2

参考这篇文章，通过GPU查看，GPU相同，就查看分辨率。通过 JavaScript 获取移动设备的型号

Answer 3

var isIphoneX = /iphone[\s\S]*OS X/.test(navigator.userAgent)

Answer 4

有看过这样判断：

var isIPhone = navigator.appVersion.match(/iphone/gi);

if(isIPhone){

    // hello

}