WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

ユーザーエージェントでページ切替え

スマートフォンタブレットで見た時に
スマートフォン用サイトに飛ばしたいときなど。

$(function(){

  var iphone = navigator.userAgent.search(/iPhone/);
 var ipad = navigator.userAgent.search(/iPad/);
  var ipod = navigator.userAgent.search(/iPod/);
  var android = navigator.userAgent.search(/Android/);

  if(iphone != -1 || ipad != -1 || ipod != -1 || android != -1){
    //iPhone.iPod.Androidだった場合の処理
    location.href = 'sp/';
  }

  if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
    //iPhone.iPod.Android以外だった場合の処理
  }
});