JS判别是否为X以上刘海屏

126 阅读1分钟

JS判别是否为X以上刘海屏:

const isIphonex = () => { // X XS, XS Max, XR,11,11Pro,11Pro Max

const xSeriesConfig = [{

devicePixelRatio: 3,

width: 375,

height: 812,

},

{

devicePixelRatio: 3,

width: 414,

height: 896,

},

{

devicePixelRatio: 2,

width: 414,

height: 896,

},

]; // h5

if (typeof window !== 'undefined' && window) {

const isIOS = /iphone/gi.test(window.navigator.userAgent);

if (!isIOS) return false;

const {

devicePixelRatio,

screen

} = window;

const {

width,

height

} = screen;

let flag = xSeriesConfig.some(item => item.devicePixelRatio === devicePixelRatio && item.width === width && item.height === height);

return flag;

}

return false;

}