快捷導(dǎo)航

JS判斷移動(dòng)端訪問(wèn)設(shè)備并加載對(duì)應(yīng)CSS樣式

更新時(shí)間：2014年06月13日 10:15:18 投稿：whsnow

JS判斷不同web訪問(wèn)環(huán)境，主要針對(duì)移動(dòng)設(shè)備，提供相對(duì)應(yīng)的解析方案，本例是加載不同的css樣式

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

 
// 判斷是否為移動(dòng)端運(yùn)行環(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)){ 

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

setActiveStyleSheet("style_mobile_a.css"); 

} 

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

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

setActiveStyleSheet("style_mobile_iPad.css"); 

} 

else{ 

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

setActiveStyleSheet("style_mobile_other.css"); 

} 

} 

catch(e){} 

} 

} 

else{ 

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

setActiveStyleSheet("style_mobile_no.css"); 

} 

// 判斷完畢后加載樣式 

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

加載頁(yè)面

復(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="手機(jī)頁(yè)面"; 
}else if(/iPad/i.test(navigator.userAgent)){ 
window.location.href="平板頁(yè)面"; 
}else{ 
window.location.href="其他移動(dòng)端頁(yè)面" 
} 
}catch(e){} 
} 
} 
</script> 

您可能感興趣的文章:

移動(dòng)端

相關(guān)文章

JS圖像無(wú)縫滾動(dòng)腳本非常好用
最好用的JS圖像無(wú)縫滾動(dòng)腳本，根據(jù)需要改改寬度和圖像個(gè)數(shù)就可以了,需要的朋友可以參考下
2014-02-02
JavaScript模擬實(shí)現(xiàn)自由落體效果
這篇文章主要為大家詳細(xì)介紹了JavaScript模擬實(shí)現(xiàn)自由落體效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
基于input框覆蓋掉數(shù)字英文的實(shí)例講解
下面小編就為大家?guī)?lái)一篇基于input框覆蓋掉數(shù)字英文的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
小程序展示彈窗常見(jiàn)API實(shí)例詳解
彈窗對(duì)我們大家來(lái)說(shuō)應(yīng)該都不陌生,這篇文章主要給大家介紹了關(guān)于小程序展示彈窗常見(jiàn)API的相關(guān)資料,主要包括showToast,?showModal,showLoading和showActionSheet,需要的朋友可以參考下
2022-09-09
js實(shí)現(xiàn)內(nèi)置計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)內(nèi)置計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
mapboxgl實(shí)現(xiàn)帶箭頭軌跡線的代碼
這篇文章主要介紹了mapboxgl實(shí)現(xiàn)帶箭頭軌跡線的代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01
JS?中的類Public,Private?和?Protected詳解
這篇文章主要介紹了JS中的類Public,Private和Protected詳解，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-08-08
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包，如何才能快速學(xué)會(huì)javascript閉包，本文為大家揭曉
2015-12-12
IE與Firefox在JavaScript上的7個(gè)不同句法分享
盡管那需要用長(zhǎng)串的、沉悶的不同分支代碼來(lái)應(yīng)付不同瀏覽器的日子已經(jīng)過(guò)去，偶爾還是有必要做一些簡(jiǎn)單的區(qū)分和目標(biāo)檢測(cè)來(lái)確保某塊代碼能在用戶的機(jī)器上正常運(yùn)行
2011-10-10
JavaScript中文件流的處理場(chǎng)景及方法
作為一名前端開(kāi)發(fā),我們平時(shí)也少不了對(duì)文件流數(shù)據(jù)進(jìn)行處理,今天簡(jiǎn)單整理一下日常開(kāi)發(fā)中比較常見(jiàn)的一些處理文件流的場(chǎng)景及處理方法,希望可以幫助到大家
2023-09-09