人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

.htaccessにてスマートフォンサイトとPCサイトのユーザーエージェントを判別して振り分けをする設定を行ったのですが、iPhone Safariの「ホーム画面に追加」向けに設定したアイコン(link rel="apple-touch-icon-precomposed")が表示されなくなってしまいました。
.htaccessの上記振り分け設定を外せば、正常にアイコンが表示されることから、.htaccessの振り分け設定が原因と思われます。

そうはいっても.htaccessでスマートフォンサイトとPCサイトの振り分けをしたいと思いますので、上記振り分け設定をしても、iPhoneの「ホーム画面に追加」向けに設定したアイコンが正常に表示される方法を教えて頂けないでしょうか?
素人なものでして、.htaccess等への具体的な記述方法を教えていただけますと大変助かります。

なお、.htaccessのユーザーエージェントでの判別・振り分けの記述は下記の通りです。

RewriteEngine on
RewriteCond %{REQUEST_URI} !/pc/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^(.*)$ pc/ [R]
RewriteBase /

RewriteCond %{REQUEST_URI} /pc/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^pc/(.*)$ $1 [R]
RewriteBase /

何卒よろしくお願いいたします。

●質問者: kumagoro779
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● パパトモ
●300ポイント ベストアンサー

アイコンのパス(href属性)が分からないので、たぶんこんな感じで回避できると思います。

RewriteEngine on

RewriteRule ^pc/icon\.png$ pc/icon.png [L]

RewriteCond %{REQUEST_URI} !/pc/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^(.*)$ pc/ [R]
RewriteBase /

RewriteCond %{REQUEST_URI} /pc/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^pc/(.*)$ $1 [R]
RewriteBase /


赤色の行に実際のアイコンのパスを書けば良いと思います。

フォルダ構造が分かれば、もっと工夫のしようがあると思います。


パパトモさんのコメント
もしかしたらブラウザの表示フォントによっては、\の代わりに¥記号が表示されているかもしれませんが、そこは半角の\(バックスラッシュ)と理解してください。

kumagoro779さんのコメント
パパトモさん、早速ありがとうございます! 赤字の部分をアイコンのパスに書き換えると無事表示されました。 大変助かりました。ありがとうございます!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ