カテゴリ: 携帯サイト
投稿者: mio
テキストフィールドについて、
パソコン上でも、文字の大きさや行間は反映されるが、
携帯電話の実際の画面とは微妙に異なる。

確認したのは、
SoftBank 821SH
AU MediaSkin
カテゴリ: 携帯サイト
投稿者: mio
携帯電話のブラウザでは、javascriptが使えないためそれ以外の方法で振り分ける必要があります。CGIでも振り分けることができますが、ここでは近年ウェブ業界で広く使われるようになったPHPでの振り分けの方法を書いておきます。


※注
携帯電話上でjavascriptが実行できないのを利用して、PCサイトと振り分けるという手もありますが、その場合PCのブラウザでjavascript機能をオフにしている場合に携帯サイトの方に飛ばされてしまうことになるため、完璧な方法とはいえません。また、同じように携帯サイトではframeが使えないのでnoframeのところに携帯サイトの記述をするという手もありますが、これも携帯サイトを閲覧するのに無駄なコードをたくさん読ませることになったり、フレームに対応していなPCブラウザに携帯サイトを見せることになるなど、問題点が複数あるためお薦めできません。


以下のように、index.phpファイルをサイトのトップページ(振り分けをしたいページ)におけばOKです。index.htmlがあるとそちらが優先されてしまうので、index.htmlを消すのをお忘れなく。


index.php

$UA = $_SERVER{'HTTP_USER_AGENT'};
if (substr_count($UA,"DoCoMo")) {
header("Location: i/index.htm");
exit;
} else if (substr_count($UA,"vodafone")) {
header("Location: v/index.htm");
exit;
} else if (substr_count($UA,"J-PHONE")) {
header("Location: v/index.htm");
exit;
} else if (substr_count($UA,"UP.Browser")) {
header("Location: ez/index.htm");
exit;
}
?>


上記の方法では、header("Loacation: ________"); という手を使っていますが、
URLはそのままで表示したいという場合は、includeなどを使えば良いと思われます。