modernizr

utility polyfill responsive

Modernizr는 사용자의 브라우저에서 HTML5와 CSS3 기능을 감지하는 자바스크립트 라이브러리입니다. 이를 통해 개발자는 브라우저의 지원 여부에 따라 조건부 CSS 스타일이나 스크립트를 적용할 수 있습니다.

Latest Ver

Homepage

Github

25,723

📢 Modernizr는 웹 개발 시 브라우저 호환성을 검사하여 적절한 기능을 제공합니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id='example'>
  <p>Hello</p>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/3.11.4/modernizr.min.js"></script>

⚙️ JavaScript
if (Modernizr.canvas) {
  document.getElementById('example').innerHTML += '<p>Canvas is supported</p>';
} else {
  document.getElementById('example').innerHTML += '<p>Canvas is not supported</p>';
}