sou5534
8/18/2017 - 12:00 AM

ブラウザ判定し、htmlタグにclassを付与 <htmlclass="x-ios"> <htmlclass="x-android"> <htmlclass="ipad"> <htmlclass="pc">

ブラウザ判定し、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';
  }
})();