http://www.anothersky.pw/skyward/archives/
000094.html
こちらのサイトを参考にモバイルとPCの振り分けが実現できました。
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/spn/.*$
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android|BlackBerry|Windows.Phone) [NC]
RewriteCond %{HTTP_USER_AGENT} !iPad [NC]
RewriteCond %{HTTP_COOKIE} !viewmode=pc
RewriteRule ^(.*)$ /spn/$1 [R=301,L]
ここでひとつ問題が出てきました。
スマホでアクセスした場合、モバイルフォルダの中を参照するように転送されるわけですが、その転送されたページの画像が表示されません。
(例)http://www.aaa.com/spn/index.html の中の画像
http://www.aaa.com/spn/(モバイルフォルダ)
http://www.aaa.com/image/(イメージフォルダ)
となっており、どうもimageフォルダに入っている画像にアクセスができなくなるようです。
おそらく、転送処理をした際にパスか何かが変わってしまうのかと思うのですが、解決法をご教授ください。
※spn以下に入っている画像に関しては正しく表示されます。
画像ファイルのURLに始点を書いてないんじゃないかしら?
始点が無いと相対パスになってhttp://www.example.com/spn/image/画像ファイルになっちゃうわよ。そんなところに画像は無いんだから何も表示されないのは当然よね。
どちらかの対策が必要になるわ
HTMLタグ/リンクタグ/相対リンクの基準となるURIを指定する - TAG index Webサイト
<base>?HTML5タグリファレンス