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>
スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル
参考にさせてもらったページ ———————————————————————-
– スマートフォンとパソコンサイトの切り替え|FutureShop2 虎の巻
ありがとうございます!
有益な情報ありがとうございます! ちなみに、例えばあるディレクトリ配下のある下の階層
ex. /hoge/sample5/
のみスマホからのアクセスもPCサイトを表示するという除外設定はどのようにすればよいのでしょうか?この週末はこれにひっかかって休みらしい休みを取れません出でしたToT
if ((navigator.userAgent.indexOf(‘iPhone’) > 0 && navigator.userAgent.indexOf(‘iPad’) == -1) || navigator.userAgent.indexOf(‘iPod’) > 0 || navigator.userAgent.indexOf(‘Android’) > 0) {
================================================== if (url.match(‘hoge/samplet5’)) { location.href = ‘http://www.sample.co.jp/hoge/sample5/’; return false; } else { location.href = ‘/sp/hoge/’; }
}
と追加してみましたが無視されてしまいます。 ご教示いただけましたら幸いです。
亀レスすみません。 サンプルを書いてみました〜。 http://bowz.info/wp-content/uploads/2012/05/test.html