【2016年版】ライブラリを活用したjavascriptでのユーザエージェント判定

【2016年版】ライブラリを活用したjavascriptでのユーザエージェント判定

javascriptを書いていると、
・Chromeでは動かすけど、IEでは対応してないから動かさない
・あるバージョン以下だと無効にしたい

そんなことってあると思います。

となると、
javascriptでユーザエージェントを判定して、
動作の切り替えを行うことになると思うのですが、

window.navigator.userAgent

で、

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

こんなの取得できても・・・・
そうじゃないんだよ!!

ということで、javascriptで簡単にユーザエージェントが判定できる
ライブラリがあるので、ご紹介します!

ライブラリのインストール

今回使うライブラリは、UserAgent.jsです。

以下のURLから

https://github.com/uupaa/UserAgent.js/tree/master/lib

WebModule.js、UserAgent.jsをそれぞれダウンロードしてください。

使用したいページで読み込めばすぐに使えます。

UserAgent.jsの使い方

すごく簡単に使えることがわかると思います。

しかも、このライブラリを使えば、

で iOS デバイスの特定もできますし、

で、WebViewも判別できます。

これは、ほんとに便利!!

まとめ

・UserAgent.jsを使えばjavascriptでのユーザエージェントが簡単に行えます
・UserAgent.jsでは、iOS デバイスの特定、WebViewも判別できます

以上です。

関連記事

コメントは利用できません。

ピックアップ記事

  1. ラブキス
  2. 2013/7/30

ピックアップ記事

  1. 2016-7-19

    TV番組を見逃した方必見‼︎【TVer・ティーバー】の魅力

    引用:http://picworld.e-monster.jp/2015/07/21/tverティー…

ピックアップ記事

  1. 2016-8-30

    へっぽこデザイン備忘録 〜簡単にWordPressのサムネイルサイズを増やす方法!〜

    シン・ゴジラ3回目見てきました。4回目行ってきます。 今回はWordpressで使うサムネイル…

ピックアップ記事

  1. 2016-9-28

    アレンジ豊富!自宅で簡単おいしい!ジュースのような日本酒サングリア♪美肌効果も◎

    果物の季節がやってきました! 昨年ブームになった日本酒サングリア。 今年も梨だけでなく様々なフル…
ページ上部へ戻る
Top