2014年1月16日木曜日

Javascriptのユーザエージェントによるスマート端末?(AndroidとiPhoneとiPod)とPCの判断方法


PCでサイトを見ていて、同じサイトをスマホでもということがありますが、
最近は逆も多くなってる気がします。
さらにChromeなどではブックマークも同期されますので
同じリンクを色々な端末で見られることを考えると
TOPは振り分け専用ページでもいいのかなと思ったり。

で、調べたところJSでは以下の感じになりました。

    if ((navigator.userAgent.indexOf('iPhone') > 0
    && navigator.userAgent.indexOf('iPad') == -1)

    || navigator.userAgent.indexOf('iPod') > 0

    || (navigator.userAgent.indexOf('Android') > 0
    && navigator.userAgent.indexOf('Mobile') > 0)) {
        location.href = './sp/';
    }else{
        location.href = './pc';
    }


後は必要に応じてタブレット系を分けたりすればいいかな。

0 件のコメント:

コメントを投稿