JavaScript判断终端类型完整版

终端类型大的可分成两部分，一个移动端一个电脑端（PC），移动端：安卓机、iPhone、iPad；电脑端：Win、Linux、Mac。如果你百度如何区别浏览终端，大多数教程都是使用navigator.userAgent属性来区分，将android，iPhone，iPad等关键字符作为区分，这里面有个问题，navigator.userAgent的属性是可以改变的，不管是电脑平台下还是手机浏览器，现在大多数都支持修改浏览器UA标识，从而各个界限就不明显，比如如何区分android环境和真·android环境，android环境可以通过PC平台下，浏览器的模拟达到，而真·android就是实实在在的安卓手机环境下，所以需要引入一个只读属性navigator.platform，其是一个只读值，是平台的硬件属性值，下面是区分各个环境完整JavaScript代码

var plat = navigator.platform;
var ua= navigator.userAgent;
document.write(plat);
document.write("
");
document.write(ua);
var system = {
	 win: false,
	 mac: false,
	 xll: false,
	 iphone: false,
	 ipad: false,
	 android: false,
	 ios: false
};
//硬件平台区别
system.win = plat.indexOf("Win") == 0; //PC端win平台；
system.mac = plat.indexOf("Mac") == 0;  //Mac平台 新iPad的平台为 MacIntel ，这里不再做区分了
system.xll= (plat.indexOf("X11") ==0)|| (plat.indexOf( "Linux") ==0); //linux平台
system.ipad= plat.indexOf("iPad") == 0; //ipad平台
system.ipad= plat.indexOf("iPhone") == 0; //iPhone平台
document.write("
Win/");
document.write(system.win);
document.write("
Mac/");
document.write(system.mac);
document.write("
xll/");
document.write(system.xll);
document.write("
ipad/");
document.write(system.ipad);
document.write("
iphone/");
document.write(system.iphone);
//移动端判断真机环境
system.android = (ua.indexOf('Android') > -1) && system.xll; //Android 真机为真（linux系统下模拟的安卓环境亦可）
document.write("
android/");
document.write(system.android);

通过上述代码，可以区分大多数的终端详情了，在平时区分中，应该最多区分出win或者mac下模拟的安卓或者iPhone环境了。