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

下層ディレクトリにあるページのみを振り分ける方法があれば、お教えください。

web制作素人です。玄人の皆様のお力をお貸しください。

下記のようにPCかスマホか判定して振り分けたいのですが、
http://www.aaa.jp/bbb/ccc.htmlにスマホからアクセスした際、
http://www.aaa.jp/bbb/ccc-sp.htmlに自動的に振り分ける。

もしくは、http://www.aaa.jp/bbb/sp/ccc.html

もしくは、http://www.aaa.jp/bbb/sp/ccc-sp.html

topページを振り分ける方法は見かけますが、下層ページのみを振り分けるが見つかりません。
よろしくお願いします。


●質問者: 匿名質問者
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 匿名回答1号

とりあえずファイルの命名規則が解らないと返事のしようがありません。
根本的にサイト構成から考え直した方がいいと思います。


匿名質問者さんのコメント
単純にPCから、スマホからと判定して、サイトを振り分けるのではなく、ページごとに振り分けは可能なのでしょうか?

匿名回答1号さんのコメント
可能ですが、現実的ではありません。

匿名質問者さんのコメント
回答ありがとうございました。.htaccessで試してみて失敗したのですが、もう一度チャレンジしてみようと思います。

2 ● 匿名回答2号
ベストアンサー
RewriteRule ^(.*)\.html$ $1-sp.html

匿名質問者さんのコメント
回答ありがとうございます。参考にさせていただきます。

質問者から

解決しました。


htaccessでリダイレクトを行う設定をしていたのですが、topにも同じようなhtaccessを使用していたため、そちらに引っ張られて上手くいきませんでした。
匿名回答2号様の返答も試してみたのですが、ダメでした。
RewriteCond %{HTTP_USER_AGENT} おそらくこのあたりの記述が抜けていたからなのかもしれません。


なので、直接htmlに記載することで解決しました。以下記載したものです。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
$(function(){ var agent = navigator.userAgent; var redirectPass = '/bbb/ccc_sp.html'; if(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){ location.href = redirectPass; }});</script>


関連質問

●質問をもっと探す●



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