スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル

iPhone, iPad, Android などのスマートフォンでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプルをメモ。

この記事の目次非表示

動作サンプル
サンプルコード
参考にさせてもらったページ

動作サンプル

サンプルコード

次のサンプルは、スマホサイトへの誘導メッセージを表示します。

<script type="text/javascript">
// iPhone または、Android の場合は振り分けを判断
if (document.referrer.indexOf('example.com') == -1 &&
    ((navigator.userAgent.indexOf('iPhone') > 0 &&
    navigator.userAgent.indexOf('iPad') == -1) ||
    navigator.userAgent.indexOf('iPod') > 0 ||
    navigator.userAgent.indexOf('Android') > 0)) {
        if(confirm('このサイトにはスマートフォン用のサイトがあります。\n表示しますか？')) {
            location.href = 'http://example.com/smt/';
        }
}
</script>