【2016年版】ライブラリを活用したjavascriptでのユーザエージェント判定
- 2016/12/22
- システム
- この記事は約2分で読めます。
【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の使い方
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
/* ライブラリの読み込み */ <script src="<module-dir>/lib/WebModule.js"></script> <script src="<module-dir>/lib/UserAgent.js"></script> /* 使い方 */ <script> var ua = new UserAgent(); ua.OS // -> "iOS" ua.OS_VERSION // -> "8.1.0" ua.PC // -> false ua.MOBILE // -> true ua.BROWSER // -> "Safari" ua.BROWSER_ENGINE // -> "WebKit" ua.BROWSER_VERSION // -> "8.0.0" ua.USER_AGENT // -> "Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B411 Safari/600.1.4" ua.LANGUAGE // -> "ja" ua.WEB_VIEW // -> false ua.DEVICE // -> "iPhone 5" ua.TOUCH_3D // -> false ua.AOSP // -> false ua.CARRIER // -> "" ua.FEATURE_PHONE // -> false ua.ES5 // -> true ua.ES6 // -> false ua.ES2015 // -> false // --- OS の 判定 --- ua.iOS // -> true ua.Mac // -> false ua.Android // -> false ua.Windows // -> false // --- ブラウザ の 判定 --- ua.IE // -> false ua.Edge // -> false ua.WebKit // -> true ua.Firefox // -> false ua.Chromium // -> false // --- iOS デバイス の 判定 --- ua.iPod // -> false ua.iPad // -> false ua.iPhone // -> true </script> |
すごく簡単に使えることがわかると思います。
しかも、このライブラリを使えば、
|
1 |
ua.DEVICE // -> "iPhone 5" |
で iOS デバイスの特定もできますし、
|
1 |
ua.WEB_VIEW // -> false |
で、WebViewも判別できます。
これは、ほんとに便利！！
まとめ
・UserAgent.jsを使えばjavascriptでのユーザエージェントが簡単に行えます
・UserAgent.jsでは、iOS デバイスの特定、WebViewも判別できます
以上です。
デミ
最新記事 by デミ (全て見る)
- 【20分で完了】MacにDocker for Macのインストール - 2017/02/02
- 【2017年版】Web接客ツール9社を比較してみた - 2017/01/26
- 【昼休み中に完了！】Macで最新Ruby、Railsのインストールから画面表示まで - 2017/01/19
関連記事
人気記事ランキング
-
2016/08/04
sqlでupdate文を10倍高速にしたいときは、ここを見直せ！ -
2015/05/29
国際返信切手券を使って、海外に返信用封筒を送る方法 -
2013/11/05
爪半月消える＝危険信号！？ -
2016/07/27
おいしいシェイクランキング -
2013/12/11
ラーメンカロリーランキング！ -
2016/08/02
macのThunderbirdが起動しない！エラー対処法 -
2015/06/20
イケメンインドネシア人TOP10 -
-
2014/10/24
私が考えるタレ目とツリ目 -
2016/07/05
一番早く届く宅配ピザはどこだ！？ 早さの秘訣とは？
ピックアップ記事
-
2014/10/10
デパートの化粧品売り場デビューしてみよう -
2013/10/11
Alice In Wonderland☆ -
2017/12/17
【楽天】通信業界激震!! 楽天が携帯電話事業へ参入?! 楽天の考える未来と戦略とは!? -
2016/7/26
【夏ドラマ2016】レビュー付きお勧めランキング!!! -
-
2016/6/12
【実はとっても面白い！】超初心者にオススメの聖書入門書３選 -
2014/6/10
こんなん…あり？！な珍スポーツ！ -
2015/3/6
思わず購入ボタンを押してしまったLP３選 -
2016/11/24
【プログラミング初心者向け】HTML、CSS、JavaScriptの基礎 -
2015/2/4
【2015年決定版】おすすめ高級ラーメンはコレだ！〜まとめ〜
