暇つぶし｜暇人-Diary

メモメモです。
こんなことがあるのかどうか？
わざわざ、ＰＣサイト・スマホサイト・ガラケーサイトの３つを準備するなんて、なんてメンドクサイ・・・
とりあえず、以下でできましたけど・・・
興味がある方は覗き見して下さい。

例：）http://www.hogehoge.com
アクセスが・・・

1：pcの場合は・・・

http://www.hogehoge.com/index.html
つまりそのまま

2：スマートフォンの場合は・・・

http://www.hogehoge.com/index.html
のheadの中に・・・

<!–DEVICE振り分け-START –>

<script type=”text/javascript”>

if ((navigator.userAgent.indexOf(‘iPhone’) > 0 && navigator.userAgent.indexOf(‘iPad’) == -1) || navigator.userAgent.indexOf(‘iPod’) > 0 || navigator.userAgent.indexOf(‘Android’) > 0)

if(confirm(‘貴方のサイト名。このサイトにはスマートフォン用のサイトがあります。 見るかい？’))

{

location.href = ‘http://www.hogehoge.com/sp/’;

}

</script>

<!–DEVICE振り分け-END –>

ってのを追加して・・・

http://www.hogehoge.com/sp/index.html
のスマートフォン専用のサイトとして表示

3：フューチャーフォンの場合は・・・

http://www.hogehoge.com/の一番上に・・・
.htaccessを以下の内容で設置

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|Vodafone|SoftBank) [NC]
RewriteRule ^(.*)$ /mo/ [R]

で・・・

http://www.hogehoge.com/mo/index.html
のフューチャフォン専用のサイトとして表示

以上、メモメモでした。