 
// 判斷是否為移動端運行環(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> 

您可能感興趣的文章:

移動端

相關(guān)文章

JS使用面向?qū)ο蠹夹g(shù)實現(xiàn)的tab選項卡效果示例
這篇文章主要介紹了JS使用面向?qū)ο蠹夹g(shù)實現(xiàn)的tab選項卡效果,結(jié)合具體實例形式分析了js面向?qū)ο蠹夹g(shù)與tab選項卡功能的具體實現(xiàn)技巧,需要的朋友可以參考下
2017-02-02
uniapp地圖組件(map)使用與遇到的一些問題總結(jié)
uniapp是用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)人員只需要編寫一套代碼就可以發(fā)布到安卓、iOS、H5和小程序、快應(yīng)用等平臺,下面這篇文章主要給大家介紹了關(guān)于uniapp地圖組件(map)使用與遇到的一些問題,需要的朋友可以參考下
2022-07-07
js實現(xiàn)下一頁頁碼效果
本文主要介紹了js實現(xiàn)下一頁頁碼效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
JS利用?clip-path?實現(xiàn)動態(tài)區(qū)域裁剪功能
這篇文章主要介紹了JS利用?clip-path?實現(xiàn)動態(tài)區(qū)域裁剪功能,文中主要通過使用 box-shadow 實現(xiàn)，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-12-12
慕課網(wǎng)題目之js實現(xiàn)抽獎系統(tǒng)功能
這篇文章主要為大家詳細介紹了慕課網(wǎng)題目之js抽獎系統(tǒng)功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09
javascript replace方法與正則表達式
replace方法的語法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達式對象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。為了幫助大家更好的理解，下面舉個簡單例子說明一下
2008-02-02
小程序從零入手之WXSS模版語法匯總
wxss樣式語法包括rpx尺寸單位,樣式導(dǎo)入,全局與局部樣式,常用的樣式屬性,包括尺寸、邊框、邊距、文本、顏色等等,下面這篇文章主要給大家介紹了關(guān)于小程序從零入手之WXSS模版語法匯總的相關(guān)資料,需要的朋友可以參考下
2023-01-01
JS中JSON.stringify使用場景面試精講
這篇文章主要為大家介紹了JS中JSON.stringify使用場景面試精講,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
uniapp引入axios異步框架的完整步驟
雖然Uniapp可以使用Vue.js自帶的$http,但也可以使用Axios,只需要在項目中進行簡單的配置,這篇文章主要給大家介紹了關(guān)于uniapp引入axios異步框架的相關(guān)資料,需要的朋友可以參考下
2023-12-12
js圖片上傳的封裝代碼
這篇文章主要為大家詳細介紹了js圖片上傳的封裝代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08