상위 질문
타임라인
채팅
관점
모더나이저
위키백과, 무료 백과사전
Remove ads
모더나이저(Modernizr)는 작은 크기의 자바스크립트 라이브러리로서, 사용자가 현재 이용중인 웹 브라우저에서 HTML5와 CSS3가 지원하는 기능 중 어떤 기능을 지원하는지 알아볼 때 사용한다.
Remove ads
예시
모더나이저 자바스크립트 예제
<!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>
Remove ads
같이 보기
각주
외부 링크
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads