不同的机型设配真的是老大难的问题,IOS和安卓运行机制也有很多的不同。记录一下对Iphone机型的判断吧。
首先是要判断IOS还是安卓,然后判断IOS的各个机型的话,获取屏幕宽度就可以了。这边查到一段代码:
主要用的是var events = navigator.userAgent;
console.log(navigator.userAgent);
console.log(navigator.appVersion);
console.log(navigator)
if(events.indexOf('Android')>-1 || events.indexOf('Linux')>-1 || events.indexOf('Adr')>-1){
console.log("安卓手机");
}else if(events.indexOf('iPhone')>-1){
//根据尺寸进行判断 苹果的型号
if(screen.height == 812 && screen.width == 375){
console.log("苹果X");
}else if(screen.height == 736 && screen.width == 414){
console.log("iPhone7P - iPhone8P - iPhone6");
}else if(screen.height == 667 && screen.width == 375){
console.log("iPhone7 - iPhone8 - iPhone6");
}else if(screen.height == 568 && screen.width == 320){
console.log("iPhone5");
}else{
console.log("iPhone4");
}
}else if(events.indexOf('Windows Phone')>-1){
console.log("诺基亚手机");
}else if(events.indexOf("iPad")>-1){
console.log("平板");
}
所以我这边要作出iphone 5s机型的判断,就选择IOS && screen.width == 320
就解决问题了。