modernizr

utility polyfill responsive

ModernizrはユーザーのブラウザでHTML5およびCSS3の機能を検出するJavaScriptライブラリです。これにより、開発者はブラウザのサポートに基づいて条件付きCSSスタイルまたはスクリプトを適用できます。

Latest Ver

Homepage

Github

25,723

📢 Modernizrはブラウザの互換性を検出し、適切な機能を提供することでWeb開発を容易にします。

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>';
}