Use Browser Information

ブラウザの情報をHTMLのクラスとして追加しつつ、JavaScriptでも確認可能にしたライブラリ。 Browzection 2のバージョンアップ版。

ブラウザやデバイスを取得し該当しない情報の場合にはno-接頭辞を付与(JSの場合はboolean値)。 取得可能な情報はデモサイトを参照。

Use Browser

HTMLの記述

<script src="dist/use_browser.js"></script>
<!-- or -->
<script src="dist/use_browser.min.js"></script>

CSSでの利用

.foo {
  color: #000000;
}
.no-desktop .foo {
  color: #cc0000;
}
.desktop .foo:hover {
  color: #cc0000;
}

JavaScript内での使用

if(UseBrowser.browser.msie){
  // 何か処理
}

Use npm install

npm i -D use-browser

import

import UseBrowser from 'use-browser'