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

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

スマホからのアクセスをスマホサイトへ誘導するサンプル
———————————————————————-

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

[スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル](https://bowz.info/wp-content/uploads/2012/05/test.html)

参考にさせてもらったページ
———————————————————————-

– [スマートフォンとパソコンサイトの切り替え|FutureShop2 虎の巻](http://support.future-shop.jp/capability/post_151.html)

ありがとうございます!

2 COMMENTS

通りすがりの人

有益な情報ありがとうございます!
ちなみに、例えばあるディレクトリ配下のある下の階層

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/’;
}

}

と追加してみましたが無視されてしまいます。
ご教示いただけましたら幸いです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です