WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

CSS/JS Browser Determiner

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

그것은 경량 (축소 된 2킬로바이트의 gzip으로 압축 또는 3,8kb) 모든 웹 프로젝트에서 사용할 수있는 자바 스크립트 브라우저 검출기이다. 그것은 당신이 아주 쉬운 방법으로 특정 브라우저의 CSS 나 자바 스크립트 코드, 브라우저의 버전이나 이것 저것을 쓸 수 있도록 만든 것. 레이아웃 엔진, OS, CSS의 기능 등에 대한 지원을 감지합니다.

그것은 크로스 브라우저 및 크로스 플랫폼 웹 사이트 및 웹 응용 프로그램을 구축하기위한 필수 불가결 한 솔루션입니다.

그것은 어떻게 작동 하는가? 매우 간단합니다. 그것은 브라우저, 레이아웃 엔진, OS, 디바이스에 대한 자세한 정보와 클래스의 목록을 생성 한 다음 <HTML> 태그에 첨부합니다.

공지 Modernizr 달리 CSS / JS 브라우저 결정기하지 브라우저 기능에 있지만 브라우저 및 장치 자체에 주로 집중된다. 그러나 그것은 또한 공통 CSS 기능 지원을 결정한다.

CSS와 브라우저 감지

 .opera.element {color:red} // All versions of Opera.ie8.element {color:red} // MSIE 8.ie7_5.element {color:red} // MSIE 7.5.ie8-.element {color:red} // MSIE 8 or less.chrome24-.element {color:red} // Chrome 24 or less (25 version is the maximum available).webkit.element {color:red} // Webkit based browsers such as Chrome, Safari, IOS, Android etc..gecko18.element {color:red} // Browsers that based on Gecko v18.macos.element {color:red} // Mac OS only.windows.element {color:red} // Any version of Windows.win7.element {color:red} // Windows 7 only.pc.element {color:red} // Any non-mobile computer including Mac OS.mobile.element {color:red} // Any mobile device.desktop.element {color:red} // Window width 980px or more.iphone.element {color:red} // iPhone.ipad.landscape.element {color:red} // iPad in landscape orientation.android.element {color:red} // Device with Android OS.android.crmo.element {color:red} // Chrome Mobile on Android OS.mobile.tablet.element {color:red} // Only mobile device with current width of the window from 768px to 979px.boxsizing.element {color:red} // Browser that supports the CSS3 box-sizing property.no-gradient.element {color:red} // Browser that does not supports CSS3 gradients.cookie.element {color:red} // Cookies enabled.no-flash.element {color:red} // Flash is not installed... and so much more! 

브라우저 감지와 자바 스크립트

 if (browser.ie && browser.version <= 8 ) { // Code for MSIE 8 or less } if (browser.is_mobile) { // Code for mobile devices } if (browser.is_old) { // Code for old browsers such as: // MSIE 9 or less // Firefox 3.6 or less // Safari 3.0 or less // Opera 10.1 or less } if (browser.supports("border-radius")) { // Code for browsers that supports the CSS3 border-radius property } if (browser.is_desktop) { // Window width is 980px or more } 

그리고 많이 훨씬 더.

모든 CSS 선택기

  • 브라우저 - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • 브라우저 버전은 같은 : firefox18, firefox18-, firefox18_0 (하지만 firefox18_0- 또는 firefox18_0_1234 또는 firefox18_0a1 )
  • 레이아웃 엔진 : webkit, gecko, trident, presto, khtml
  • 같은 레이아웃 버전 : gecko18, gecko18_0 (하지만 gecko18- 또는 gecko18_0_1 또는 gecko18_0a1 )
  • 모바일 기기 : iphone, ipod, ipad, blackberry, kindle
  • 운영 체제 : windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • 기본 CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. 아니면 no-gradient, no-borderimage 등...
  • 기타 :
    • pc, mobile (비 모바일 컴퓨터 또는 모바일 장치)
    • desktop, tablet, phone (창 너비에 따라)
    • landscape, portrait (뷰포트 방향, 윈도우의 폭과 높이에 따라)
    • retina, touchscreen (또는 no-retina, no-touchscreen )
    • cookie, flash, java (또는 no-cookie, no-flash, no-java )

자바 스크립트 API

  • browser.is_modern - 그것은 현대적인 브라우저의 경우에 true를 돌려줍니다. 브라우저가 CSS3 전환 속성을 지원하는지 여부에 따라 달라집니다
  • browser.is_old - browser.is_modern의 반대
  • browser.is_mobile - 그것은 모바일 장치의 경우에 true를 반환
  • browser.is_pc - 비 모바일 컴퓨터, 맥 OS 포함
  • browser.is_desktop - 창 너비 980px보다
  • browser.is_tablet - 창 너비 768px로 979px
  • browser.is_phone - 창 너비는 767px 이하
  • browser.is_retina - 그것은 망막 디스플레이의 경우에 true를 반환
  • browser.is_touchscreen - - 그것은 터치 스크린 디바이스의 경우 true를 반환
  • browser.name - 브라우저 이름
  • browser.NAME - 같은 browser.ie, browser.firefox 등 true 또는 정의되지 않은 반환
  • browser.nameFull - "인터넷 익스플로러"등을 "파이어 폭스"와 같은 브라우저의 전체 이름을 반환
  • browser.version - 브라우저의 버전
  • browser.layout - 레이아웃 엔진의 이름, "웹킷", "도마뱀", "트라이던트", "프레스토", "KHTML"또는 "알 수없는"와 같은
  • browser.LAYOUT_NAME - 같은 browser.webkit, browser.gecko 등 true 또는 정의되지 않은 반환
  • browser.layoutFull - "웹킷", "도마뱀", "트라이던트", "프레스토", "KHTML"또는 같은 레이아웃 엔진의 전체 이름, "알 수 없음"
  • browser.layoutVersion - 레이아웃 엔진의 버전, "533.1"웹킷 / 533.1, "18.0"게코 / 18.0에 대한에 대한 "18.0a1pre"게코 18.0 알파 1에 대한 사전 등과 같은
  • browser.os - "창", "맥 OS", "크로마뇽 인", "유닉스", "리눅스", "IOS", "안드로이드"또는 "알 수 없음"과 같은 운영 체제의 짧은 이름을 반환
  • browser.osFull - "윈도우", "맥 OS X", "크로마뇽 인", "유닉스", "리눅스", "아이폰 OS", "안드로이드"또는 "알 수 없음"과 같은 운영 체제의 전체 이름을 반환
  • browser.osVersion - 등 안드로이드 4.2, 윈도우 7에 대해 "7"처럼, "4.2"OS 버전 문자열을 반환
  • browser.device - "아이폰", "아이 패드", "아이팟", "블랙 베리"또는 "빛나다"와 같은 모바일 장치의 짧은 이름을 반환
  • browser.deviceFull - "아이폰", "아이 패드", "아이팟", "블랙 베리"또는 "킨"와 같은 모바일 장치의 전체 이름을 반환
  • browser.supports.CSS_PROP - browser.supports.opacity처럼 browser.supports.gradient 등 미리 정의 된 속성 (alowed있다 "공통 CSS 속성" 목록). 두 번째 단어는 textShadow, borderRadius, boxSizing 등처럼 대문자로하셔야합니다
  • browser.mode - 윈도우의 현재 폭에 따라 반환 "바탕 화면", "태블릿"또는 "전화"
  • browser.orientation - "풍경"또는 "세로"와 같은 브라우저 창 방향
  • browser.cookieEnabled - 쿠키는 브라우저에서 사용할 수있는 경우 true를 반환
  • browser.flashEnabled 플래시 플레이어가 설치되어있는 경우에 true를 돌려줍니다 브라우저에서 사용 가능 -
  • browser.javaEnabled - 자바를 설치하고 브라우저에서 활성화되어있는 경우 true를 반환
  • browser.width() - 브라우저의 폭을 돌려
  • browser.height() - 브라우저의 높이를 반환
  • browser.supports("css-prop") - 브라우저가 CSS 속성을 지원하는지 여부를 결정합니다.

응답 유틸리티

CSS / JS 브라우저 결정기 또한 빠른 모바일 친화적 개발을위한 기본 응답 Utilites (유틸리티)를 지원합니다. 데스크탑, 태블릿 또는 전화 플랫폼을 결정하기 위해 CSS 선택기를 사용할 수 있습니다. 당신은 CSS3 미디어 쿼리를 지원하지 않는 인터넷 익스플로러 8 (이하)에서 반응 지원이 필요한 경우 도움이 될 수 있습니다.

라이브 데모 및 전체 문서

변경 내역

버전 2.3 | 2014년 2월 6일
- 마이너 버그 수정

버전 2.2 | 2013년 12월 15일
- 고정 플래시 검출
- 기타 버그 수정

버전 2.1 | 2013년 10월 15일
- 오페라 15+의 고정 감지, IE (11)
- (그래서 지금은의 자바 스크립트 API의 "MSIE"에서 "예"속성으로 다시 전환 browser.ie )

버전 2.0.3 | 2013년 5월 29일
- CSS에 대한 라이브 방향 (가로, 세로) 업데이트

버전 2.0.2 | 2013년 5월 24일
- 모바일 기기의 고정 검출

버전 2.0.1 | 2013년 5월 11일
- 오페라는 그 동안 우리가 준비가 이제 곧 웹킷로 이동합니다!
- (새로운 도메인으로 이동) 문서에 대한 링크를 수정

버전 2.0 | 2013년 1월 23일
- 최대 지상에서 총 재 작업 almoust
- 더욱 강력한. 새로운 브라우저, OS, 레이아웃 엔진, 장치 및 기타 기능 지원이 추가되었습니다
- 새로운 검출 알고리즘
- 지금 당신은 CSS와 자바 스크립트 모두 OS 및 레이아웃 엔진의 버전을 검색 할 수 있습니다
- 업데이트 데모
- 새로운 테스트 도구가 추가 (실시간 미리보기 참조)
- ".mozilla"에서 ".firefox"에서 파이어 폭스 브라우저의 이름을 대체
- 자바 스크립트 API의 대체 "즉"속성을 "MSIE"(지금 그것의 browser.msie )
- ".Mac으로"를 ".macos"에서 맥 OS로 대체
- 같은 4킬로바이트은 (축소 된)!

버전 1.0.5 | 2013년 1월 1일
- 고정 창 폭 검출

버전 1.0.4 | 2012년 12월 28일
- 추가 운영 체제 : win8, WIN7, 비스타, XP에서
- 추가 망막 표시 검출

버전 1.0.3 | 2012년 12월 27일
- 추가 된 아이폰 OS 탐지 지원
- 사파리 브라우저와 고정 중요한 버그
- 기타 변경 사항 및 버그 수정


다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

26 예 12월 12일 작성 및 최신 업데이트 23 명 6월 14일, 지원되는 브라우저:
IE6, IE7, IE8, IE9, IE10, 파이어 폭스, 사파리, 오페라, 크롬, 파일

키워드

전자 상거래, 전자 상거래, 모든 항목, 브라우저 검출, CSS, 자바 스크립트, 스크립트, 선택, 의 userAgent