ブラウザ判定し、htmlタグにclassを付与 <htmlclass="x-ios"> <htmlclass="x-android"> <htmlclass="ipad"> <htmlclass="pc">
(function(){
//htmlタグを変数に
var htmlTag = document.documentElement;
//userAgentを変数に
var userAgent = window.navigator.userAgent.toLowerCase();
//OS,ブラウザを変数に
var osList = ['android','iphone','ipad'];
//PCかどうか判定フラグ
var pcFlag = true;
//スペースを定数に
var SPACE = ' ';
//OSを判定してhtmlタグにクラスをつける
for (var i = 0, len = osList.length; i < len; i++) {
if (userAgent.indexOf(osList[i]) !== -1) {
htmlTag.className += SPACE + osList[i];
pcFlag = false;
break;
}
}
//osList('android','iphone','ipad')のどれでもなければ、PCと判定
if (pcFlag === true) {
htmlTag.className += SPACE + 'pc';
}
})();