JS如何判斷移動端訪問設備并解析對應CSS
更新時間:2013年11月27日 16:09:40 作者:
本文為大家詳細介紹下JS如何判斷移動端訪問設備并解析對應CSS,感興趣的朋友可以參考下
復制代碼 代碼如下:
// 判斷是否為移動端運行環(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)境是 其他移動設備 則加載以下樣式
setActiveStyleSheet("style_mobile_other.css");
}
}
catch(e){}
}
}
else{
// 如果以上都不是,則加載以下樣式
setActiveStyleSheet("style_mobile_no.css");
}
// 判斷完畢后加載樣式
function setActiveStyleSheet(filename){document.write("<link href="+filename+" rel=stylesheet>");}
您可能感興趣的文章:
- js如何判斷用戶是在PC端和還是移動端訪問
- 手機平板等移動端適配跳轉URL的js代碼
- JS判斷移動端訪問設備并加載對應CSS樣式
- js判斷移動端是否安裝某款app的多種方法
- Javascript實現(xiàn)視頻輪播在pc端與移動端均可
- js檢測瀏覽器版本、核心、是否移動端示例
- 基于JavaScript實現(xiàn)移動端點擊圖片查看大圖點擊大圖隱藏
- 學習使用jquery iScroll.js移動端滾動條插件
- javascript html5移動端輕松實現(xiàn)文件上傳
- javascript判斷移動端訪問設備并解析對應CSS的方法
- javascript實現(xiàn)移動端上的觸屏拖拽功能
- 傾力總結40條常見的移動端Web頁面問題解決方案
相關文章
javascript 用原型繼承來實現(xiàn)對象系統(tǒng)
對象系統(tǒng)中的繼承特性有三種方式:基于類,基于原型,基于元類2010-03-03微信小程序?qū)崿F(xiàn)watch監(jiān)聽
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)watch監(jiān)聽,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06