모더나이저

모더나이저(Modernizr)는 작은 크기의 자바스크립트 라이브러리로서, 사용자가 현재 이용중인 웹 브라우저에서 HTML5와 CSS3가 지원하는 기능 중 어떤 기능을 지원하는지 알아볼 때 사용한다.

예시

모더나이저 자바스크립트 예제 
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<title>Modernizr - JavaScript Example</title>

	<script src="path/to/modernizr.js"></script>
</head>
<body>
	<p id="result"></p>

	<script>
		elem = document.getElementById('result');
		if ( Modernizr.websockets ) {
			elem.innerHTML = 'Your browser supports WebSockets.';
                        alert("Your browser supports WebSockets");
		} else {
			elem.innerHTML ='Your browser does not support WebSockets.' ;
		}
	</script>
</body>
</html>

CSS 예제 
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<title>Modernizr - CSS Example</title>

	<style>
		.wsno,
		.wsyes { display: none; }
		/* Modernizr will add one of the following classes to the HTML element based on
                   whether or not WebSockets is supported by the user's browser. */
		.no-websockets .wsno,
		.websockets .wsyes { display: block; }
	</style>

	<script src="path/to/modernizr.js"></script>
</head>
<body>

	<p class="wsno">Your browser does not support WebSockets.</p>

	<p class="wsyes">Your browser supports WebSockets.</p>
</body>
</html>

같이 보기 
 HTML
 HTML5
 WebGL
 자바스크립트

각주

외부 링크 
  

HTML
W3C 표준
MIT 라이선스 소프트웨어
반응형 웹 디자인
웹 디자인