大阪にてホームページ作成を手掛けるWEBデザイナー!アメブロカスタマイズ、スマートフォンサイト作成!
.htaccessでスマートフォンサイトをアンドロイドやiPhoneで判別表示

.htaccessでスマートフォンサイトをアンドロイドやiPhoneで判別表示

スマートフォンサイト作成の依頼が増えて参りました。ありがたい事です。

当サイトでもandroidスマートフォンやiPhoneでのアクセスが増えてきております。

スマートフォンでは、普通にパソコン用ホームページを見る事はできますが、端末の操作で拡大縮小ができるとしてもやはりスマートフォンに最適化した方が、とても見やすく使いやすいです。

誰もが持っている携帯電話(フィーチャーフォン)・スマートフォン!
スマートフォンサイト作成の需要はこれから益々増えて行く事でしょう。

あまりスマートフォンサイト作成まで踏み切らない予算の無い人たちと差別化がつけられ、ユーザーを惹き込む事ができるでしょう。これからはどしどし私たち開発者は、スマートフォンサイト作成をクライアントにお勧めした方が良いと思います。

HTML5とCSS3で、IE(Internet Explorer)を気にせずストレスレスで作成できるので、とても楽しいです。

.htaccessを利用したホームページの携帯電話やスマートフォンへの振り分け方法

.htaccess(ドットエイチティーアクセス)ファイルを利用して、ホームページを携帯電話(フィーチャーフォン)やスマートフォンからアクセスした時に振り分けをするソースを紹介します。

アクセス元判別コードは、docomo・au・softbankなど携帯電話のキャリアや、android・iPhone・iPadなどのスマートフォン・タブレットです。新しいキャリアや端末が出てきた時には、判別コードの追加が必要です。


# 携帯電話・スマートフォン・タブレットからアクセスすると”m”フォルダに切替。


deny from all

#Options +FollowSymLinks
RewriteEngine On

# DoCoMo
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} DoCoMo
RewriteRule ^$ /m/ [R]

# Softbank
RewriteCond %{HTTP_USER_AGENT} Vodafone
RewriteRule ^$ /m/ [R]
RewriteCond %{HTTP_USER_AGENT} SoftBank
RewriteRule ^$ /m/ [R]

# AU KDDI
RewriteCond %{HTTP_USER_AGENT} KDDI
RewriteRule ^$ /m/ [R]
RewriteCond %{HTTP_USER_AGENT} UP.Browser
RewriteRule ^$ /m/ [R]

# iPod
RewriteCond %{HTTP_USER_AGENT} iPod
RewriteRule ^$ /m/ [R]

# iPhone
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteRule ^$ /m/ [R]

# iPad
RewriteCond %{HTTP_USER_AGENT} iPad
RewriteRule ^$ /m/ [R]

# Android
RewriteCond %{HTTP_USER_AGENT} Android
RewriteRule ^$ /m/ [R]

お役に立てれば幸いです。


2011年9月 4日 | ホームページ作成 大阪のWEBデザイナー  このエントリーをはてなブックマークに追加