Javascript判断移动终端接入设备和解析对应CSS的方法

本文给出了判断移动终端接入设备的方法,并用javascript解析相应的CSS,供大家参考,具体分析如下:

Javascript决定了不同的Web访问环境,主要用于移动设备,提供相应的分辨率(确定设备代码直接复制腾讯):

将代码复制如下:确定移动终端的操作环境

如果( / applewebkit。*移动/ i.test(导航。用户代理)| |( / MIDP | SymbianOS |诺基亚|三星| LG | NEC | TCL阿尔卡特| |鸟|迪比特|多普达飞利浦海尔联想| | | | MOT |诺基亚|索爱| SIE - |夏新|中兴/。测试(导航。用户代理))){

如果(window.location.href.indexof(移动)<0){

尝试{

如果( / Android | webOS | iPhone | iPod |黑莓 / i.test(导航。用户代理)){

访问环境是Android | webOS | iPhone | iPod |黑莓 / /判断加载方式

setactivestylesheet(style_mobile_a。CSS);

}

如果( / / i.test iPad(导航。用户代理)){

访问环境是加载加载方式

setactivestylesheet(style_mobile_ipad。CSS);

}

别的{

判断访问环境其他移动设备加载方式

setactivestylesheet(style_mobile_other。CSS);

}

}

catch(e){ }

}

}

别的{

如果没有上述内容,它将加载以下样式

setactivestylesheet(style_mobile_no。CSS);

}

加载方式完成后/判断

功能setactivestylesheet(文件名){ document.write(链接的href =+文件名+rel=样式表>);}

加载页面:

复制代码代码如下所示:

如果( / applewebkit。*移动/ i.test(导航。用户代理)| |( / MIDP | SymbianOS |诺基亚|三星| LG | NEC | TCL阿尔卡特| |鸟|迪比特|多普达飞利浦海尔联想| | | | MOT |诺基亚|索爱| SIE - |夏新|中兴/。测试(导航。用户代理))){

如果(window.location.href.indexof(移动)<0){

尝试{

如果( / Android | webOS | iPhone | iPod |黑莓 / i.test(导航。用户代理)){

窗口的位置。href =移动页面;

} else if( / / i.test iPad(导航。用户代理)){

窗口的位置。href =平页;

其他{ }

窗口的位置。href =其他移动端页面

}

} catch(e){ }

}

}



希望本文能对大家的javascript程序设计有所帮助。