사용하려는 웹 기술이 브라우저에서 지원을 하는지 체크하고 싶으신가요?
Modernizr를 사용해보세요. 코드부터 보시겠습니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Canvas</title>
<script src="modernizr/modernizr-2.0.6.js"></script>
<script>
window.addEventListener("load", eventWindowLoaded, false);
function eventWindowLoaded() {
alert(Modernizr.canvas);
}
</script>
</head>
<body>
</body>
</html>
modernizr 라이브러리 포함 후 Modernizr.canvas를 호출하면 canvas 지원여부가 true로
표현됩니다.
공식사이트의 문서 중 http://www.modernizr.com/docs/#s2 이 문서를 읽으시면
다른 기능들의 지원여부를 확인할 때 어떤 것을 체크하면 되는지 찾으실 수 있습니다.
다른 예)
Modernizr.fontface
Modernizr.cssanimations
Modernizr.audio
Modernizr.indexeddb
Modernizr.websockets
Modernizr.svg