iPhone用とPC用のホームページブラウザ判別し表示切替するには？

解決済

質問者：mamuruamudo
質問日時：2010/05/24 11:45
回答数：3件

iPhone用とPC用のホームページブラウザ判別し表示切替するには？(javascript)

javascriptに関して知識がないのでこちらで質問させてください。
（ホームページは何度か作ったことはありますが、Dreamweaver等のソフトを使ってであって、
ソースを全部理解し手打ちで出来るレベルではありません）

iPhone用とPC用のホームページを現在作成しており、
同じURLにアクセスした時、ブラウザ判別でそれぞれ（iPhone,PC)デザインを切替したいと考えております。
それぞれ個別には作成できたのですが、（Dreamweaver使用）
ブラウザ判別させ、切り替える部分がどうにも分かりません。

色々と検索した結果、javascriptを使えばそういう動きが可能というところまでは行き着いたのですが、
それから先が進みません。
iPhone Safariの場合はこちら表示、
それ以外はこちらを表示といった動きにしたいのですが、どなたかお助けいただけないでしょうか。
何卒宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： yyr446
回答日時：2010/05/25 09:52

質問ではどのiPhoneのどのバージョンのSafariを対象にしたいか、記されて

ないので、適当？なユーザーエージェントを例示しただけのヒントです。

"Mozilla/5.0 (iPhone"の部分だけチェックしてみるとか
if(navigator.userAgent.match(/^Mozilla\/5\.0 \(iPhone/i)){
location.href="iphone.html"}

- 0
- 件

通報する

No.2

回答者： yyr446
回答日時：2010/05/24 12:13

PC用のページに

この回答への補足

yyr446さんありがとうございます。
下記のように記述しましたが、上手くいきません・・・。
まだ何か問題があるのでしょうか？
度々申し訳ありません。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>テスト</title><script type="text/javascript" charset="utf-8">

</script>
</head>

<body>
テストです
</body>
</html>

補足日時：2010/05/24 18:43

通報する

- 0
- 件

通報する

No.1

回答者： nine999
回答日時：2010/05/24 12:10

http://www.openspc2.org/reibun/javascript/browse …
こちらにサンプルがあるようにuserAgentを調べるとブラウザの種類が判ります。
iPhone用のSafariには、ちゃんとiPhoneという名前が入っていますので、それがあるかどうかで判別可能です。

下記は、私が取得したブラウザ情報の実例です。
Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16