ブラウザ対応が簡単に！「modernizr.js」の機能と利用方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、最近あだ名が増えるばかりのおじいちゃんと申します。 今回はブラウザ対応で便利な「modernizr.js」を紹介します。 modernizr.jsとは modernizr.jsはJavaScriptのライブラリです。 閲覧者のブラウザがどのような機能をサポートしているかをチェックして、HTMLタグにサポート状況を判別できるクラスを付与し、その結果を記録したmodernizrグローバルオブジェクトを生成してくれます。 それらを利用して、ブラウザごとの処理を記載することが可能となります。ということで、さっそく使ってみましょう。 ダウンロード 下記よりダウンロードが可能です。 Modernizr http://modernizr.com/ modernizr.jsをダウンロードしようとするとチェックボックスが並んでいるページが表示されます。これらの項目はmodernizr.jsを使用

[sutara_lumpur]

「history」というクラスが追加されると知らず、会社の沿革の欄に「history」というクラスを使ってたから大混乱にorz

[daizo1117]

“るブラウザごとに判別してクラスを付与しているので、追加されたクラスを使うことで、ブラウザの対応状況に応じ”

[mut00tum]

閲覧者のブラウザがどのような機能をサポートしているかをチェックして、HTMLタグにサポート状況を判別できるクラスを付与

[sendai]

研究ネタ

[s99e209]

古いブラウザ対応などで便利な「modernizr.js」。ブラウザの機能サポート状況をチェックして、HTMLタグにサポート状況を判別できるクラスを付与して、その結果を記録したmodernizrグローバルオブジェクトを生成してくれる。

[minonet]

ブラウザ対応が簡単に！「modernizr.js」の機能と利用方法 こんにちは、最近あだ名が増えるばかりのおじいちゃんと申します。 今回はブラウザ対応で便利な「modernizr.js」を紹介します。 modernizr....