JavaScriptでuserAgentよるブラウザ判定（IE, iPad, iPhone, iPod, Chrome, Firefox, etc…）
最新バージョンはこちらです。
JavaScriptでUserAgentによるブラウザ判定「if.useragent.js」v0.9
JavaScriptでUserAgentによるブラウザ判定「if.useragent.js」v0.9
JavaScriptでuserAgentよるブラウザ判定のコードを書いてみました。多分こんなもんじゃないのかな・・・、iPhone回りが未検証。IEとiPhoneのバージョン別分岐はやっぱり必須になってきます。
対応ブラウザ
- IE6 -> 10
- iPhone iOS 2 or higher
- iPad
- iPod
- Android
- Chrome
- Firefox
- Safari
- Opera
サンプルコード
|
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 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="referrer" content="origin"> <title>JavaScript</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script> </head> <body> <script> /* * if.useragent.js v0.1 * info: http://company.miyanavi.net/archives/808 * auther: miyanavi * licence: MIT * */ var uaName = 'unknown'; var userAgent = window.navigator.userAgent.toLowerCase(); var appVersion = window.navigator.appVersion.toLowerCase(); if (userAgent.indexOf('msie') != -1) { uaName = 'ie'; if (appVersion.indexOf('msie 6.') != -1) { uaName = 'ie6'; } else if (appVersion.indexOf('msie 7.') != -1) { uaName = 'ie7'; } else if (appVersion.indexOf('msie 8.') != -1) { uaName = 'ie8'; } else if (appVersion.indexOf('msie 9.') != -1) { uaName = 'ie9'; } else if (appVersion.indexOf('msie 10.') != -1) { uaName = 'ie10'; } } else if (userAgent.indexOf('chrome') != -1) { uaName = 'chrome'; } else if (userAgent.indexOf('ipad') != -1) { uaName = 'ipad'; } else if (userAgent.indexOf('ipod') != -1) { uaName = 'ipod'; } else if (userAgent.indexOf('iphone') != -1) { uaName = 'iphone'; var ios = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); uaName = [parseInt(ios[1], 10), parseInt(ios[2], 10), parseInt(ios[3] || 0, 10)]; } else if (userAgent.indexOf('safari') != -1) { uaName = 'safari'; } else if (userAgent.indexOf('gecko') != -1) { uaName = 'gecko'; } else if (userAgent.indexOf('opera') != -1) { uaName = 'opera'; } else if (userAgent.indexOf('android') != -1) { uaName = 'android'; } else if (userAgent.indexOf('mobile') != -1) { uaName = 'mobile'; }; document.write(uaName); </script> <hr> ブラウザ情報<br> <tt style="font-size: 12px;"> [名]<br><script>document.write(navigator.appName)</script><br> [コード名]<br><script>document.write(navigator.appCodeName)</script><br> [プラットフォームのタイプ]<br><script>document.write(navigator.platform)</script><br> [使用言語]<br><script>document.write(navigator.language)</script><br> [バージョン]<br><script>document.write(navigator.appVersion)</script><br> [ユーザエージェント]<br><script>document.write(navigator.userAgent)</script><br> </tt> </body> </html> |
実機テストしてみたい。
実機テストしました⇒ JavaScriptでUserAgentによるブラウザ判定「if.useragent.js」v0.9
