html 判断iPhone手机端型号

<script>
    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("安卓手机");
        document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/android.css"/>');  
    
    }else if(events.indexOf('iPhone')>-1){
        //根据尺寸进行判断 苹果的型号
        if(screen.height == 812 && screen.width == 375){
            console.log("苹果X");
             document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/ios.css"/>');  
    
        }else if(screen.height == 736 && screen.width == 414){
            console.log("iPhone7P - iPhone8P - iPhone6P");
             document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/ios.css"/>');  
    
        }else if(screen.height == 667 && screen.width == 375){
            console.log("iPhone7 - iPhone8 - iPhone6");
             document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/ios56.css"/>');  
    
        }else if(screen.height == 568 && screen.width == 320){
            console.log("iPhone5");
             document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/ios56.css"/>');  
    
        }else{
            console.log("iPhone4");
        }
    }
    </script>

根据不同手机类型读取不同的CSS文件类型

<script>
	var browser = {
	versions: function () {
	var u = navigator.userAgent, app = navigator.appVersion;
	return { //移动终端浏览器版本信息 
	ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
	android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 
	iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
	iPad: u.indexOf('iPad') > -1, //是否iPad 
	};
	}(),
	};
	if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
	    document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/ios.css"/>');  
	}
	if (browser.versions.android) {
	document.write('<link rel="stylesheet" type="text/css" href="../wechat/css/android.css"/>');  
	}

</script>