もっく日記

書いておぼえるためのブログ

browsernizrつかってみた

browserifyつかってるとmodernizrが使えないらしく、かわりにbrowsernizrというのがあったので使ってみたときのメモです。

browsernizrの公式サイトはこちら

1 npm install

ターミナルで npm install browsernizr

2 読み込み

JSファイルに読み込みを追記

import Modernizr from 'browsernizr';

3 チェックしたい項目を設定

インストールしたbrowsernizr/test/の中に、チェック項目のファイルが入ってるので使いたいものを任意でよみこみます。

(例)PCかSPかをtoucheventsが使えるかどうかで確認する場合

import 'browsernizr/test/touchevents'; //<-これがtouchevents用のファイル
import Modernizr from 'browsernizr';

とするとhtmlタグにクラスが追加されてるはずです。 PCならno-touchevents、SPならtoucheventsというクラス。