做手機(jī)端的前端開(kāi)發(fā)，少不了對(duì)手機(jī)平臺(tái)的判斷。如，對(duì)于app下載，就要判斷在Android平臺(tái)下就顯示Android下載提示；在iOS平臺(tái)下就顯示iOS下載提示
今天就為大家介紹一下用js判斷手機(jī)客戶(hù)端平臺(tái)及系統(tǒng)平臺(tái)的方法：
<script type="text/javascript">
//手機(jī)端判斷各個(gè)平臺(tái)瀏覽器及操作系統(tǒng)平臺(tái)
function checkPlatform(){
if(/android/i.test(navigator.userAgent)){
document.write("This is Android'browser.");//這是Android平臺(tái)下瀏覽器
}
if(/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)){
document.write("This is iOS'browser.");//這是iOS平臺(tái)下瀏覽器
}
if(/Linux/i.test(navigator.userAgent)){
document.write("This is Linux'browser.");//這是Linux平臺(tái)下瀏覽器
}
if(/Linux/i.test(navigator.platform)){
document.write("This is Linux operating system.");//這是Linux操作系統(tǒng)平臺(tái)
}
if(/MicroMessenger/i.test(navigator.userAgent)){
document.write("This is MicroMessenger'browser.");//這是微信平臺(tái)下瀏覽器
}
}
$(document).ready(function(){
alert(navigator.platform);
checkPlatform();
});
</script>
注意上面的代碼使用了jquery。需要加載jquery才可以運(yùn)行。當(dāng)然你可以把觸發(fā)函數(shù)給刪除了
在這里就不做pc端操作系統(tǒng)平臺(tái)的判斷了，怎么判斷也說(shuō)下方法，如用document.write(navigator.platform);就可以獲得操作系統(tǒng)平臺(tái)。在win32下就會(huì)顯示W(wǎng)in32,；在Win64下就會(huì)顯示W(wǎng)in64等。
下面小編為大家補(bǔ)充幾個(gè)不錯(cuò)的函數(shù):
<script type="text/javascript">
var browser = {
versions : function () {
var u = navigator.userAgent,
app = navigator.appVersion;
return {
trident : u.indexOf('Trident') > -1,
presto : u.indexOf('Presto') > -1,
webKit : u.indexOf('AppleWebKit') > -1,
gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
mobile : !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/),
ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
iPad : u.indexOf('iPad') > -1,
webApp : u.indexOf('Safari') == -1,
QQbrw : u.indexOf('MQQBrowser') > -1,
weiXin : u.indexOf('MicroMessenger') > -1,
ucLowEnd : u.indexOf('UCWEB7.') > -1,
ucSpecial : u.indexOf('rv:1.2.3.4') > -1,
ucweb : function () {
try {
return parseFloat(u.match(/ucweb\d+\.\d+/gi).toString().match(/\d+\.\d+/).toString()) >= 8.2
} catch (e) {
if (u.indexOf('UC') > -1) {
return true;
} else {
return false;
}
}
}
(),
Symbian : u.indexOf('Symbian') > -1,
ucSB : u.indexOf('Firefox/1.') > -1
};
}
()
}
if (browser.versions.QQbrw){
document.write("qq瀏覽器");
}else
{
document.write("其它瀏覽器");
}
</script>
親測(cè)，非常好用。