JSでブラウザとモバイルの種類を判定する(簡易版)

NO IMAGE

JSでブラウザの種類とモバイルの種類(iphone, ipad, android)を判定するコードです。
userAgentの値は結構変わったりするので、ua-parser-jsの様なライブラリを使うのが一番だと思うのですが、そこまで大げさなものはいらないときには下記のコードで十分かと思います。

コード

function checkInterFace() {
    var userAgent = window.navigator.userAgent;
    var browser = '';
    var mobile = '';

    if(userAgent.indexOf('msie') != -1 || userAgent.toLowerCase().indexOf('trident') != -1) {
        browser = 'ie';
    } else if(userAgent.toLowerCase().indexOf('edge') != -1) {
        browser = 'edge';
    } else if(userAgent.indexOf('chrome') != -1) {
        browser = 'chrome';
    } else if(userAgent.indexOf('safari') != -1) {
        browser = 'safari';
    } else if(userAgent.indexOf('firefox') != -1) {
        browser = 'firefox';
    } else if(userAgent.indexOf('opera') != -1) {
        browser = 'opera';
    } else {
        browser = 'other';
    }

    if(userAgent.indexOf('iphone') != -1) {
        mobile = 'iPhone';
    } else if(userAgent.indexOf('ipad') != -1) {
        mobile = 'ipad';
    } else if(userAgent.indexOf('android') != -1) {
        mobile = 'android';
    }

    return {
        browser : browser,
        mobile : mobile,
    }
}
var check = checkInterFace();

console.log(check.browser); // ブラウザ
console.log(check.mobile); // モバイル

参考