11

目前只想到一种方法,不知道大家是怎么判断的?

function isIphoneX(){
    return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)
}
2017-11-14 提问
6 个回答
1
var isIphoneX = /iphone[\s\S]*OS X/.test(navigator.userAgent)
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 属性判断

0

虽然我没做过iPhoneX适配,但我觉得可以实在不行就别嫌麻烦,用排除法吧

0

目前普遍用的还是判断屏幕分辨率的吧

0

之前在大漠老师的文章里有看过这样判断:

var isIPhone = navigator.appVersion.match(/iphone/gi);
if(isIPhone){
    // hello
}

撰写答案

推广链接