Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

Modernizr를 사용하여 HTML5 기능 감지


Modernizr는 차세대 웹 기술을 위한 기본 구현의 가용성을 감지하는 작은 JavaScript 라이브러리입니다.

다음은 Modernizr에서 감지할 수 있는 기능 목록입니다.

기능
CSS 속성
자바스크립트 검사
@font-face
.fontface
Modernizr.fontface
캔버스
.캔버스
Modernizr.canvas
캔버스 텍스트
.canvastext
Modernizr.canvastext
HTML5 오디오
.오디오
Modernizr.audio
HTML5 오디오 형식
NA
Modernizr.audio[형식]
HTML5 동영상
.비디오
Modernizr.video
HTML5 비디오 형식
NA
Modernizr.video[형식]
rgba()
.rgba
Modernizr.rgba
hsla()
.hsla
Modernizr.hsla
테두리 이미지
.borderimage
Modernizr.borderimage
테두리 반경 상자 그림자
.borderradius
Modernizr.borderradius
박스 그림자
.boxshadow
Modernizr.boxshadow
여러 배경
.multiplebgs
Modernizr.multiplebgs
불투명도
.불투명도
Modernizr.opacity
CSS 애니메이션
.cssanimations
Modernizr.cssanimations
CSS 열
.csscolumns
Modernizr.csscolumns
CSS 그라디언트
.cssgradients
Modernizr.cssgradients
CSS 반사
.css반사
Modernizr.css반사
CSS 2D 변환
.csstransforms
Modernizr.css변환
CSS 3D 변환
.csstransforms3d
Modernizr.csstransforms3d
CSS 전환
.csstransitions
Modernizr.css전환
지리적 위치 API
.geolocation
Modernizr.geolocation
입력 유형
NA
Modernizr.inputtypes[유형]
입력 속성
NA
Modernizr.input[속성]
localStorage
.localstorage
Modernizr.localstorage
essionStorage
.sessionstorage
Modernizr.sessionstorage
웹 작업자
.webworkers
Modernizr.webworkers
애플리케이션 캐시
.applicationcache
Modernizr.applicationcache
SVG
.svg
Modernizr.svg
SVG 클립 경로
.svgclippaths
Modernizr.svgclippaths
SMIL
.smil
Modernizr.smil
웹 SQL 데이터베이스
.websqldatabase
Modernizr.websqldatabase
IndexedDB
.indexeddb
Modernizr.indexeddb
웹 소켓
.websockets
Modernizr.websockets
해시체인지 이벤트
.hashchange
Modernizr.hashchange
이력 관리
.historymanagement
Modernizr.historymanagement
드래그 앤 드롭
.draganddrop
Modernizr.draganddrop
교차 창 메시징
.crosswindowmessaging
Modernizr.crosswindowmessaging
addTest() 플러그인 API
NA
Modernizr.addTest(str,fn)