javascript_javascript 기술을 사용하여 모바일 액세스 장치를 확인하고 해당 CSS를 구문 분석하는 방법-JS 튜토리얼-php.cn

javascript_javascript 기술을 사용하여 모바일 액세스 장치를 확인하고 해당 CSS를 구문 분석하는 방법

WBOY

풀어 주다： 2016-05-16 16:15:46

원래의

1143명이 탐색했습니다.

이 기사의 예에서는 자바스크립트가 모바일 액세스 장치를 결정하고 해당 CSS를 구문 분석하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

Javascript는 주로 모바일 장치를 위한 다양한 웹 액세스 환경을 결정하고 해당 분석 솔루션을 제공합니다(장치 코드는 Tencent에서 직접 복사됩니다):

코드 복사 코드는 다음과 같습니다.

// 모바일 운영 환경인지 확인

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

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

시도해 보세요{ 

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

// 접속 환경이 Android|webOS|iPhone|iPod|BlackBerry인 경우 다음 스타일을 로드합니다. 

setActiveStyleSheet("style_mobile_a.css") 

} 

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

//접속환경이 아이패드라면 아래와 같은 스타일을 로드합니다

setActiveStyleSheet("style_mobile_iPad.css") 

} 

그렇지 않으면{ 

// 접속환경이 다른 모바일 기기인 경우, 다음 스타일을 로드합니다

setActiveStyleSheet("style_mobile_other.css") 

} 

} 

잡기(e){} 

} 

} 

그렇지 않으면{ 

// 위의 항목이 없으면 다음 스타일을 로드합니다. 

setActiveStyleSheet("style_mobile_no.css") 

} 

//판정 완료 후 스타일 로드 

function setActiveStyleSheet(filename){document.write("");}