CSS JS 브라우저 유형 및 브라우저 버전을 확인 하려면

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

일부의 웹 페이지 효과 브라우저 종류를 확인 하 고 코드의 브라우저 버전 정보를 제공 하는 다음, 그는 브라우저를 분석할 수 있습니다 모질라, ie, 파이어 폭스, 오페라, 사파리, 크롬 및 기타 정보는 오.


<! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.jzread.com/tr/xhtml1/dtd/ Xhtml1 transitional.dtd ">


< html xmlns = "http://www.w3.org/1999/xhtml" >


< 머리 >


< 메타 http-equiv = "콘텐츠 형식 콘텐츠 =" text/html; charset = gb2312 "/ >


< 제목 > css 자습서 JS 브라우저 버전 브라우저 종류 판단 < / 타이틀 >


< 스크립트 유형 = "텍스트/웹 효과" >


var sys = {};


var ua = navigator.userAgent.toLowerCase ();


경우 (window.activexobject)


sys.ie Ua.match = (/ msie ([디] +/) [1]


다른 면 (document.getboxobjectfor)


Sys.firefox = Ua.match (/firefox/ ([디] +/) [1]


다른 if (window.messageevent & &! document.getboxobjectfor)


sys.chrome = Ua.match (/chrome/ ([디] +/) [1]


다른 if (Window.opera)


Sys.opera Ua.match = (/ 오페라. [디] +/) [1]


다른 if (window.opendatabase)


Sys.safari = Ua.match (/version/ ([디] +) /) [1];


       


다음 테스트


경우 (sys.ie) document.write (' 예: ' + sys.ie);


경우 (sys.firefox) document.write (' 파이어 폭스: ' + sys.firefox);


경우 (sys.chrome) document.write (' 크롬: ' + sys.chrome);


경우 (sys.opera) document.write (' 오페라: ' + sys.opera);


경우 (Sys.safari) document.write (' 사파리: ' + sys.safari);

</스크립트 >

</헤드 >

< 몸 >

유일한 IE 지원 ActiveX 컨트롤을 만드는, 그래서 그녀는 뭔가 다른 브라우저 하지 않은, 즉, ActiveXObject 함수. Window 개체가 존재 ActiveXObject 기능, 판사로 서 현재 브라우저는 ie는 명확 하 게 확인할 수 있습니다. IE 버전의 일반적인 useragent는 다음과 같습니다.


모질라/4.0 (호환; MSIE 8.0; Windows NT 6.0)
모질라/4.0 (호환; MSIE 7.0, Windows NT 5.2)
모질라/4.0 (호환; MSIE 6.0, 윈도 NT 5.1)
모질라/4.0 (호환; MSIE 5.0, Windows NT)


여기서 버전 번호는 MSIE 후 번호입니다.

파이어 폭스

파이어 폭스에서 DOM 요소는 DOM 요소의 크기와 위치를 getboxobjectfor 함수 (즉 getboundingclientrect 기능에 해당). 이것은 파이어 폭스에 고유한, 그것은 알 수 있는 판사는 현재 브라우저는 파이어 폭스. 파이어 폭스는 useragent의 여러 버전은 대략 다음과 같습니다.

mozilla/5.0 (Windows; u Windows NT 5.2) 게 코/2008070208 firefox/3.0.1
mozilla/5.0 (Windows; u Windows NT 5.1) 게 코/20070309 firefox/2.0.0.3
mozilla/5.0 (Windows; u Windows NT 5.1) 게 코/20070803 firefox/1.5.0.12
버전 번호 파이어 폭스입니다.


오페라

오페라는 Window.opera 속성은 특별 한 브라우저 플래그를 제공 합니다. 오페라의 전형적인 useragent는 다음과 같습니다.


오페라/9.27 (Windows NT 5.2 u; zh-cn)
오페라/8.0 (Macintosh, PPC 맥 OS X, u, en)
mozilla/5.0 (Macintosh, PPC 맥 OS X, u, en) 오페라 8.0


버전 번호는 오페라 근처입니다.


사파리


사파리 브라우저는 opendatabase 함수를 다른 브라우저에서 사용할 수 있으며 사파리에 대 한 표식으로 사용할 수 있습니다. 사파리의 전형적인 useragent는 다음과 같습니다.


mozilla/5.0 (Windows, Windows NT 5.2) applewebkit/525.13 (khtml, 도마뱀 같은) 버전/3.1 사파리/525.13
mozilla/5.0 (아이폰, u, 맥 OS X 같은 CPU) applewebkit/420.1 (khtml, 도마뱀 같은) 버전/3.0 모바일/4a93


버전 번호는 버전 번호가입니다.

크롬

크롬은 messageevent 기능, 하지만 파이어 폭스 않습니다. 그러나, 좋은 소식은 크롬 파이어 폭스의 getboxobjectfor 기능, 크롬 브라우저를 정확 하 게 결정 하는 데 사용할 수는 없습니다. 현재, 크롬의 useragent는:


mozilla/5.0 (Windows, Windows NT 5.2) applewebkit/525.13 (khtml, 도마뱀 같은) chrome/0.2.149.27 사파리/525.13


</바디 >
< / html >

자바 스크립트는 브라우저 버전을 결정합니다.

< html >
< 헤드 >
< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 ">
< 제목 > js 판단 브라우저 < / 타이틀 >
</헤드 >
< 몸 >
< 인사 >
<!-를 방문자의 브라우저 (형식) 및 버전 확인->
< 스크립트 유형 = "텍스트/자바 스크립트" >

var browser=navigator.appname
var b_version=navigator.appversion
var 버전 parsefloat (b_version) =
document.write ("브라우저 이름:" + 브라우저)
document.write ("
")
document.write ("브라우저 버전:" + 버전)
</스크립트 >
기타 정보

< 스크립트 유형 = "텍스트/자바 스크립트" >

document.write ("브라우저:")
document.write (Navigator.appname + "")

document.write ("Browserversion:")
document.write (navigator.appversion + "")

document.write ("코드:")
document.write (Navigator.appcodename + "")

document.write ("플랫폼:")
document.write (Navigator.platform + "")

document.write ("쿠키를 사용:")
document.write (navigator.cookieenabled + "")

document.write ("브라우저의 사용자 에이전트 헤더:")
document.write (navigator.useragent + "")
</스크립트 >
CSS를 사용자 브라우저 버전 정보를 확인

<!-[경우 즉] & gt
IE 브라우저를 사용 하는 < h1 > < / h1 & gt
<!-[경우 IE 5] >
< h 2 > 버전 5 < / h 2
<! [ Endif]-& gt
<!-[경우 IE 5.0] >
< h 2 > 버전 5.0 < / h 2 & gt
<! [ Endif]-& gt
<!-[경우 IE 5.5] >
< h 2 > 버전 5.5 < / h 2 & gt
<! [ Endif]-& gt
<!-[경우 IE 6] >
< h 2 > 버전 6 < / h 2 & gt
<! [ Endif]-& gt
<!-[경우 IE 7] >
< H 2 & Gt; 버전 7 < / h 2 & gt
<! [ Endif]-& gt
<! [ Endif]-& gt

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.