快捷導(dǎo)航

javascript判斷移動端訪問設(shè)備并解析對應(yīng)CSS的方法

更新時間：2015年02月05日 10:57:46 作者：喵小夕

這篇文章主要介紹了javascript判斷移動端訪問設(shè)備并解析對應(yīng)CSS的方法,涉及移動端設(shè)備的判斷及動態(tài)加載技巧,需要的朋友可以參考下

本文實例講述了javascript判斷移動端訪問設(shè)備并解析對應(yīng)CSS的方法。分享給大家供大家參考。具體分析如下：

javascript判斷不同web訪問環(huán)境，主要針對移動設(shè)備，提供相對應(yīng)的解析方案（判斷設(shè)備代碼直接copy騰訊網(wǎng)的）：

// 判斷是否為移動端運行環(huán)境  

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){  

if(window.location.href.indexOf("?mobile")<0){  

try{  

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){  

// 判斷訪問環(huán)境是 Android|webOS|iPhone|iPod|BlackBerry 則加載以下樣式  

setActiveStyleSheet("style_mobile_a.css");  

}  

else if(/iPad/i.test(navigator.userAgent)){  

// 判斷訪問環(huán)境是 iPad 則加載以下樣式  

setActiveStyleSheet("style_mobile_iPad.css");  

}  

else{  

// 判斷訪問環(huán)境是 其他移動設(shè)備 則加載以下樣式  

setActiveStyleSheet("style_mobile_other.css");  

}  

}  

catch(e){}  

}  

}  

else{  

// 如果以上都不是，則加載以下樣式  

setActiveStyleSheet("style_mobile_no.css");  

}  

// 判斷完畢后加載樣式  

function setActiveStyleSheet(filename){document.write("＜link href="+filename+" rel=stylesheet＞");}

加載頁面：

復(fù)制代碼代碼如下:

<script type="text/javascript">  

if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){  

    if(window.location.href.indexOf("?mobile")<0){  

        try{  

            if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){  

                window.location.href="手機頁面";  

            }else if(/iPad/i.test(navigator.userAgent)){  

                window.location.href="平板頁面";  

            }else{  

                window.location.href="其他移動端頁面"  

            }  

        }catch(e){}  

    }  

}  

</script>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章: