ブラウザの機能を判別してくれる「modernizr.js」

Filed under: JavaScript — kdcs @ 16年9月3日 土曜日

閲覧者のブラウザがどのような機能をサポートしているかをチェックして、HTMLタグにサポート状況を判別できるクラスを付与し、その結果を記録したmodernizrグローバルオブジェクトを生成してくれます。
引用:LIG INC

modernizr.jsをダウンロードするのはこちらから
ダウンロードページを表示すると、選択した機能を判別できるJSを生成してダウンロードすることができる。

modernizr.jsでinput[type=”date”]をサポートしてないブラウザの時だけjQueryUIを使うようにする

<script src="modernizr.js"></script>
<script>
Modernizr.load({
  test: Modernizr.inputtypes.date,
  nope: [
    'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',
    'http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js',
    'jquery-ui.css'
  ],
  complete: function() {
    $('input[type=date]').datepicker({
      dateFormat: 'yy-mm-dd'
    });
  }
});
</script>

サイト内検索

カテゴリー

最近の投稿

« |ブラウザの機能を判別してくれる「modernizr.js」| »
↑上に戻る