Js 는 아이폰이라면 CSS1 을, 안드로이드폰이라면 CSS2 를 사용한다고 판단했다.
자바스크립트는 프런트 엔드 개발의 주요 언어이며 자바스크립트 프로그램을 작성하여 브라우저의 유형과 버전을 확인할 수 있습니다. 자바스크립트는 브라우저 유형을 결정하는 두 가지 일반적인 방법이 있습니다. 하나는 다양한 브라우저별 속성에 따라 구분하고, 다른 하나는 브라우저의 userAgent 속성을 분석하여 결정하는 것입니다. 대부분의 경우 값에 따라 브라우저 유형이 결정되면 브라우저 버전도 확인해야 호환성 문제를 처리할 수 있습니다. 브라우저 버전을 결정하는 것은 일반적으로 브라우저를 분석하는 사용자 에이전트를 통해서만 알 수 있습니다.
브라우저 유형
⑴브라우저 고유 속성
⑵ userAgent
브라우저 버전
⑴user agent
에 따라 휴대폰 브라우저에 대해
1. 모바일 터미널에 대한 규칙 사용 여부를 결정하는 방법
navigator.userAgent 에 applewebkit * * * * * * mobile
안드로이드 QQ 브라우저 HD 버전 AppleWebKit
2 휴대폰 언어 버전만 있는지 확인
물론 얄미운 휴대폰 언어 버전도 호환성 차이, 모질라 호환, 애플 웹키트 커널과 호환되는 브라우저가 해당 언어 버전에 액세스하여 Navigator.language
code:
< Script type = "text/JavaScript" >
varbrowser = {
versions: function () {
varu = navigator.useragent, app = navid
return {// 모바일 터미널 브라우저 버전 정보
trident: u. index of ('trident') > -1, //IE 커널
presto: u. index of ('presto') > -1, //opera 커널
WebKit: u. index of ('apple WebKit') > -1, // 애플, 구글 커널
gecko: u.indexOf('Gecko') > -1 & & U.indexOf('KHTML') == -1, // 불여우 커널
mobile:! ! U.match (/applewebkit. * mobile. */),//가 모바일 단말기
ios:! ! U.match (/\ (I [; ]+; (u; )? CPU.+Mac OS X/), //ios 터미널
안드로이드: u. index of ('Android') > -1 || u.indexOf('Linux') > -1,//안드로이드 터미널 또는 UC 브라우저
아이폰: u. index of ('아이폰') > -1, // iPhone 또는 QQHD 브라우저
iPad: u.indexOf('iPad') > -1, // 예 ipad
webapp: u. indexof ('safari') = =-1//예 웹 절차, 머리 및 바닥 없음
};
} (),
language: (navigator.browser language | | +browser.language). to lowercase.
document.writeln ("모바일 터미널인지 여부:" +browser.versions.mobile);
document.writeln(" IOs 터미널: "+browser.versions.ios);
document.writeln ("안드로이드 터미널:" +browser.versions.android);
document.writeln ("iphone:"+browser.versions.iphone);
document.writeln ("iPad: "+browser.versions.iPad);
document.writeln (navigator.useragent) :
< /스크립트 > < P > 비교적 특별한 곳
UC 브라우저에는 안드로이드 헤더가 없고 리눅스만 반환됩니다. 여기서는 리눅스에 따라 안드로이드라고 대략적으로 판단합니다. (모바일 단말기를 만족시켜야 하고, UC 는 만족해야 합니다.) < P > 안드로이드 QQ 브라우저 HD 버전 테스트 결과: MAC;