判断当前手机是IPhone 14 Pro Max
有时候在写移动端样式时需要判断机型,但是js没有提供直接获取具体机型的方法,这个时候我们可以根据手机的屏幕的宽高比来判断
1.通过window 获取手机的宽高尺寸
const innerWidth = window.innerWidth;
const innerHeight = window.innerHeight;
2.获取当前手机是ios还是安卓
const u = navigator.userAgent // 获取浏览器对象
const ios = u.indexOf('iPhone') > -1 || u.indexOf('iPad') > -1; // 判断是否是ios
3.计算当前屏幕宽高比
const rate = innerWidth / innerHeight;
// 已知IPhone 14 Pro Max 屏幕宽高比是 430 / 834;
// 可做如下判断
const rateFlag = rate == 430 / 834;
let isIOSpro14 = ios && rateFlag ?true : false;
当然根据上面的方法也可判断出其他ios机型