女性デザイナーによるホームページ制作/大阪・神戸
女性デザイナーによるホームページ制作/大阪・神戸

Blog

パソコンサイトからスマホサイトへ振分

2013.07.04

スマホサイト制作の豆知識

スマートフォン専用サイトを制作したら・・・・
パソコンサイトへスマホからのアクセスがあったさいに、アラートを表示してスマホサイトへ振り分ける。

<script>
var ua = navigator.userAgent;
if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) {
    if(confirm('このサイトにはスマートフォン用サイトがあります。スマートフォンサイトを表示しますか?')) {
        location.href = 'http://hoge.jp/';
    }
}
</script>

 上記を追加するだけで、スマホでアクセスした際の誘導がスムーズになりますね。

▼アラートを出したくないときは下記のような感じでOK!

<script>
var ua = navigator.userAgent;
if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) {
        location.href = 'http://hoge.jp/';
}
</script>

 

Copyright (c) 2008-2022.R-design, All Rights Reserved.