JS如何判斷移動(dòng)端訪問(wèn)設(shè)備并解析對(duì)應(yīng)CSS
更新時(shí)間：2013年11月27日 16:09:40 作者：
本文為大家詳細(xì)介紹下JS如何判斷移動(dòng)端訪問(wèn)設(shè)備并解析對(duì)應(yīng)CSS，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
// 判斷是否為移動(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>");}
您可能感興趣的文章:
- js如何判斷用戶是在PC端和還是移動(dòng)端訪問(wèn)
- 手機(jī)平板等移動(dòng)端適配跳轉(zhuǎn)URL的js代碼
- JS判斷移動(dòng)端訪問(wèn)設(shè)備并加載對(duì)應(yīng)CSS樣式
- js判斷移動(dòng)端是否安裝某款app的多種方法
- Javascript實(shí)現(xiàn)視頻輪播在pc端與移動(dòng)端均可
- js檢測(cè)瀏覽器版本、核心、是否移動(dòng)端示例
- 基于JavaScript實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖點(diǎn)擊大圖隱藏
- 學(xué)習(xí)使用jquery iScroll.js移動(dòng)端滾動(dòng)條插件
- javascript html5移動(dòng)端輕松實(shí)現(xiàn)文件上傳
- javascript判斷移動(dòng)端訪問(wèn)設(shè)備并解析對(duì)應(yīng)CSS的方法
- javascript實(shí)現(xiàn)移動(dòng)端上的觸屏拖拽功能
- 傾力總結(jié)40條常見的移動(dòng)端Web頁(yè)面問(wèn)題解決方案
相關(guān)文章
你必須知道的Javascript知識(shí)點(diǎn)之"單線程事件驅(qū)動(dòng)"的使用
本篇文章小編為大家介紹，你必須知道的Javascript知識(shí)點(diǎn)之"單線程事件驅(qū)動(dòng)"的使用。需要的朋友參考下2013-04-04
這篇文章主要介紹了JavaScript獲取頁(yè)面元素的常用方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
微信小程序?qū)崿F(xiàn)添加手機(jī)聯(lián)系人功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)添加手機(jī)聯(lián)系人功能,結(jié)合實(shí)例形式分析了微信小程序添加聯(lián)系人的具體步驟,包括布局與邏輯實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了JavaScript 鏈表定義與使用方法,結(jié)合實(shí)例形式分析了JavaScript 鏈表的基本功能、定義與使用方法,需要的朋友可以參考下2020-04-04
基于RequireJS和JQuery的模塊化編程——常見問(wèn)題全面解析
下面小編就為大家?guī)?lái)一篇基于RequireJS和JQuery的模塊化編程——常見問(wèn)題全面解析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
這篇文章主要介紹了由?JavaScript?的?with?引發(fā)的探索，js?的?with?是為對(duì)象訪問(wèn)提供命名空間式的訪問(wèn)方式，with?創(chuàng)建一個(gè)對(duì)象的命名空間，在這個(gè)命名空間內(nèi)你可以直接訪問(wèn)對(duì)象的屬性，而不需要通過(guò)對(duì)象來(lái)訪問(wèn)，下面一起來(lái)了解更多詳細(xì)內(nèi)容吧2022-01-01
按照W3C的說(shuō)明，String對(duì)象的replace方法調(diào)用方式是stringObject.replace(regexp/substr,replacement)。2011-12-12
微信小程序—setTimeOut定時(shí)器的問(wèn)題及解決
這篇文章主要介紹了微信小程序—setTimeOut定時(shí)器的問(wèn)題及解決,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
關(guān)于Javascript中document.cookie的使用
這篇文章主要介紹了關(guān)于Javascript中document.cookie的使用,通過(guò)cookie來(lái)記住密碼保存密碼功能，需要的朋友可以參考下2017-03-03
yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法
很多時(shí)候，需要對(duì)Yii表單model中的對(duì)象設(shè)置的rules進(jìn)行判斷，但是有的時(shí)候可能需要在提交之前就在客戶端進(jìn)行驗(yàn)證。怎么處理呢？接下來(lái)通過(guò)本文給大家分享yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法，需要的的朋友參考下2017-03-03