>  기사  >  웹 프론트엔드  >  JS는 어떻게 모바일 액세스 장치를 결정하고 해당 CSS_javascript 기술을 구문 분석합니까?

JS는 어떻게 모바일 액세스 장치를 결정하고 해당 CSS_javascript 기술을 구문 분석합니까?

WBOY
WBOY원래의
2016-05-16 17:12:081118검색
코드 복사 코드는 다음과 같습니다.

// 모바일 실행 환경인지 확인
if(/ AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|필립스|HAIER|LENOVO|MOT -|Nokia|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try {
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
// 접속 환경이 Android|webOS|iPhone|iPod|BlackBerry인 경우 다음을 로드합니다. style
setActiveStyleSheet( "style_mobile_a.css");
}
else if(/iPad/i.test(navigator.userAgent)){
// 접속 환경이 iPad인 경우 다음 스타일
setActiveStyleSheet(" style_mobile_iPad.css");
}
else{
// 접속 환경이 다른 모바일 기기인 경우 다음 스타일을 로드합니다.
setActiveStyleSheet("style_mobile_other.css ");
}
}
catch(e){}
}
}
else{
// 위 항목 중 어느 것도 없으면 다음 스타일을 로드합니다
setActiveStyleSheet("style_mobile_no.css");
}
// 판정 완료 후 스타일 로드
function setActiveStyleSheet(filename){document.write("");}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.