読者です 読者をやめる 読者になる 読者になる

はらへり日記

腹に弾丸

ua-parser-jsでブラウザ判定をする

楽したい

ua-parser-jsなるライブラリを使って何も考えずにブラウザ判定できる関数を作ります。

インストール

今回はbowerでインストールします。

$ bower install ua-parser-js --save

bowerの他に、npmでも配布されているようです。

自分の作成するスクリプトより先に読み込ませて準備完了!!

使い方

まずはインスタンスを生成します。

var parser = UAParser();

ブラウザ名を取得

parser.getBrowser().name; // Chrome, Firefox, IE, etc...

デバイスを取得

parser.getDevice();

関数作成

これを使って超シンプルにブラウザがIEかどうかを判定する関数です。

var isIe = function() {
  var browser = parser.getBrowser().name;
  return browser === 'IE' ? true : false;
};

楽ちん!

参考

ua-parser-js

ua-parser-js: Demo