> 웹 프론트엔드 > JS 튜토리얼 > javascript_javascript 기술을 사용하여 모바일 액세스 장치를 확인하고 해당 CSS를 구문 분석하는 방법

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

WBOY
풀어 주다: 2016-05-16 16:15:46
원래의
1142명이 탐색했습니다.

이 기사의 예에서는 자바스크립트가 모바일 액세스 장치를 결정하고 해당 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("");}

페이지 로드 중:

코드 복사 코드는 다음과 같습니다.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿