携帯ページへの自動転送

[新着] Webテンプレートを仮オープンしました



0   名前: ken : 2006/07/19(水) 10:15  ID:ostt1xhN
PC用と携帯用二つのHPを作りました。携帯でPC用のHPアドレスを入力しても自動に携帯用のHPが表示される方法を教えて下さい。
皆様お忙しいところよろしくお願い致します。

1   名前: かふぇおれ : 2006/07/19(水) 10:15  ID:Ji0blfRq
方法は幾つかありますが…
cgiを利用してUser Agent や端末固有番号で振り分けるのが一般的でしょうか。

#PC用と携帯用二つに分けた理由は何でしょう?
#見栄えですか?有効画面範囲ですか?
#もっと言ってしまえば、その辺の「理」が解れば自然と方法も出てきますよ。

2   名前: ken : 2006/07/19(水) 10:15  ID:Qsf.PIww
かふぇおれ様、ご回答ありがとうございました。

通常PC用のHPを携帯で開くと画像で重くなったり段がずれてしまいますよね。その辺を回避したい為に、携帯用HPを作ってみたのですが・・・ CGIとかをつかわずに簡単に振り分けられる方法はありますか?
よろしくお願い致します。

3   名前: かふぇおれ : 2006/07/19(水) 10:15  ID:Ji0blfRq
では安易な方法を。
振り分け用のTOPページの<head>〜</head> 内に
<meta http-equiv="refresh"content="3;url=携帯用アドレス">
<script type="text/javascript">
<!--
function  go_pc(){ location.href = "PC用アドレス" }
//-->
</script>

と入れておいて、body onload 時に"go_pc()"を呼び出してあげれば、
javascript を解釈できるブラウザは"PC用アドレス"へ、
javascript を解釈できないブラウザは3秒後に"携帯用アドレス"へ飛びます。

ちょっと弊害もありますが、どうでしょう?

4   名前: Z ◆XTzyosZXcL : 2006/07/19(水) 10:15  ID:RmbOnz3e
>>3
>javascript を解釈できないブラウザは3秒後に"携帯用アドレス"へ飛びます。
 ついでに、本文(<body>〜</body>)内に、自動遷移を切っている環境のために(私は勝手に飛ばされるのが困るので自動処理を出来るだけ切っています)、

<p>自動で飛ばない場合は<a href="携帯用アドレス">携帯用サイトへ移動</a>してください。</p>

と入れるとより親切だと思います。

関連資料・コンテンツの振り分け(携帯電話向けコンテンツの書き方):
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/Distribution.html

5   名前: かふぇおれ : 2006/07/19(水) 10:15  ID:MRwTGpOM
>>4 Z さん、補足ありがとうございます。

>>0 ken さん、私が提示したのはjavascriptとmataの解釈で別のページに飛ぶ方法ですが、
ken さんが対象とされているブラウザ環境によっては、他の方法の方が有効な場合も十分有り得ます。
手段は一つだけとは限りません。
そういった意味で「その辺の「理」が解れば自然と方法も出てきます」となります。

#私も中途半端な知識でレスしているので、間違っている可能性も往々にしてあります(w

一覧へ戻る