iPhoneだけ違うindex.htmlを読み込む

質問

ホームページを作成したのですが、iPhoneだけ全く別のindex.htmlを読み込みたいです。
現在のPCサイトのindex.htmlとは別にiPhone用のindex.htmlを読み込むのは可能でしょうか？
いろいろネットで調べた結果、iPhone用のCSSを読み込む方法はたくさんあるのですが、iPhone用のindex.htmlとCSSを読み込むというのはさがせませんでしたので分かる方がいましたら教えてください。

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

回答No.2

einn · ベストアンサー

現在のindexをそのままのこし、
何からアクセスされるかで振り分ける方法は昔から変わっていません。

http://ameblo.jp/rhythmfactory/entry-10467042915.html
http://blog.glasses-factory.net/2010/08/21/iPhone-htaccess
http://www.systemania.biz/source/keitaihuriwake01.html

.htaccessというファイルがサーバーにある場合それを編集し、
もし無い場合は必要な場所に.htaccessを作成するだけです。
詳しくは各リンク先を参照のこと。

imodeやezweb、yahooでも同じです。

振り分けられるアドレスがそもそも違うので、
indexとCSSをそれぞれ用意することが可能ですよ。
ようするに、iphone用のindexとCSSを別に作って下層ディレクトリにしまっておくと、
.htaccessがそっちのディレクトリにユーザーを自動で飛ばしてくれるわけです。

これはサーバーサイドスクリプトみたいなもんで、
結局のところ処理はサーバー側がやることになります。
ですから、レンタルサーバーの安いところでは出来ないこともありますね。

大体抜け道というか、裏技は各サーバーであったりするので、
『.htaccess　（お使いのレンタルサーバー会社名）』
という感じで検索すると、対応策が見つかったりします。

お礼

.htaccessはこういう時に使うんですね！
やってみます。
ありがとうございました。

回答No.1

INTLINSIDE

クライアントサイドスクリプトのみで対応する場合についてだろうと思うのですが

javascriptで、navigator.userAgentなどを読み取って、body以下コンテンツ全般を機種に応じて書き換えたり、単純にlocation.href 等で iphone_index.html 等に飛ばしてやればいいでしょう。

index.html を空にして、pc_index.html , iphone_index.html 等に振り分けてもいいですし
今の PC 用の index.html にスクリプトを仕込んで振り分けてもよいと思います。

コンテンツ量、スクリプトの実行タイミング等を考慮する必要はありますが。