>  기사  >  웹 프론트엔드  >  JS는 모바일 액세스 장치를 결정하고 해당 CSS style_javascript 기술을 로드합니다.

JS는 모바일 액세스 장치를 결정하고 해당 CSS style_javascript 기술을 로드합니다.

WBOY
WBOY원래의
2016-05-16 16:44:521059검색

JS는 주로 모바일 기기를 대상으로 다양한 웹 접속 환경을 파악하고 그에 맞는 분석 솔루션을 제공합니다. (기기 코드는 Tencent에서 직접 복사합니다.)

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

// 모바일 운영환경인지 판단

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(네비게이터 .userAgent) )){

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

try{

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)){

// Load if 접속 환경은 iPad 다음과 같습니다.

setActiveStyleSheet("style_mobile_iPad.css")

}

else{

// 접속 환경이 다른 모바일 장치인 경우 다음 Style

setActiveStyleSheet("style_mobile_other.css")

}

}

catch(e){}를 로드합니다.

}

}

else{

// 위에 해당 사항이 없으면 다음 스타일을 로드합니다.

setActiveStyleSheet("style_mobile_no .css");

}

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

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

페이지 로드 중
코드 복사 코드는 다음과 같습니다. 다음과 같습니다: