javascript ユーザーエージェント判别

Posted 2021-05-04

//ユーザーエージェント判別
//htmlタグにandroid iphone ipad pcのいずれかを追記
$(function() {
    var htmlTag = document.documentElement;
    var userAgent = window.navigator.userAgent.toLowerCase();
    var osList = ['android', 'iphone', 'ipad'];
    var pcFlag = true;
    var SPACE = ' ';
    for (var i = 0, len = osList.length; i < len; i++) {
        if (userAgent.indexOf(osList[i]) !== -1) {
            htmlTag.className += SPACE + osList[i];
            pcFlag = false;
            break;
        }
    }
    if (pcFlag === true) {
        htmlTag.className += SPACE + 'pc';
    }
})();

if (navigator.userAgent.indexOf('iPhone') > 0) {
    // iPhone
} else if (navigator.userAgent.indexOf('Android') > 0) {
    // Android
} else {
    //その他PCなど
}