2010-11-24 12 views
4

私は自分のサイトを設定する方法を学ぶのに役立つ何かを探しています。そうすれば、人々がそれに行くときに正規版とモバイル版があります。問題私は、私がGoogleで見るサイトのほとんどは、それを設定するのに役立つ有料サイトであるということです。私はちょうど私のサイトの2つのバージョンを作成し、両方私のホスティングにロードすることはできますか?また、いつモバイルをロードするのか、通常のモバイルをロードするのかをどのように知っていますか?これらは、私が学ぶために探しているもののタイプ、開始する場所の提案ですか?ウェブサイトのモバイル版を作成する方法

答えて

8

次のようにしてくださいくださいくださいください:それは値を追加する場合

  1. のみモバイル版を行います。
  2. ユーザーがモバイルデバイスからのディープリンクを要求した場合、モバイル・ホーム・ページにリダイレクトされません
  3. は、ユーザーがそのようなiPadが使用するように必ず錠を行い、フルバージョン
  4. を表示するように選択することを許可しますフルバージョンの既定値
  5. iPhoneなどの高機能スマートフォンにWMLを提供しない
  6. フルサイズのウェブサイトを電話で使用できない場合は、より適切に調整することを検討してください広すぎます)。

現代のiPhoneとiPadは、ほとんどのフルサイズのウェブサイトを完全に処理できますが、実際にユーザーエクスペリエンスが向上しない限り、モバイル版の必要性はほとんどありません。私は必要な情報を提供しない赤ちゃんのインターフェースにリダイレクトされるのは嫌です。モバイル版の

良い例としては、

  • 、Googleのウェブサイト
  • Gmailのウェブサイト

平凡な例としては:

  • どれblogpressサイト
SafariのiPadのユーザに エージェント文字列が単語が含まれていることを

注 「モバイル:の

悪い例はWML


を使用しています

  • 何かがここでAppleのadvice on providing mobile versions to the iPadだ含めます"、" "という単語は含まれていません。あなたがいる場合は、現在 その自己識別が「モバイル」として、あなたは のiPadを探すために、ユーザーエージェント文字列 チェックを変更し、それをあなたの サイトの間違ったバージョンを送信 を避ける必要があり 任意のブラウザにモバイルコンテンツを提供します。この 文字列のバージョン番号は、 iPadのSafariの新しいバージョンが になると変更される可能性があります。 がユーザエージェント文字列をチェックするコードは はバージョン番号に依存しないようにしてください。

+0

はい私のサイトのモバイル版は便利です。サイト全体では、すべてのクライアント情報、クライアント日付のカレンダー、およびその他の情報を表示できます。モバイル版はクライアントの予定日が好きなので、すべての超過分を読み込まなくてもその場で見ることができます。私はまた彼らに携帯かフルを選択させることを意図しました。 iPadについては、私はあなたが選択をすることができるかどうかはわかりませんでしたが、私は間違いなくそれを行うでしょう – shinjuo

+0

良いよ!がんばろう。 –

+0

学習の提案はありますか? – shinjuo

2

モバイルデバイスに読み込むときに別のスタイルを読み込むために使用される@mobile CSSのメディアタイプがあります。私はどのデバイスがそれをサポートしているのかは分かりませんが、普及しているモデルのほうが多いと思います。あなたの提案では、確かに2つの別々のサイトをホストすることができますが、問題を解決する前に、Alexの提案を挑戦します。

http://www.w3.org/TR/css-mobile/

2

アレックスは、いくつかの良い提案を持っていましたが、あなたが本当にモバイルまたは非モバイルに基づいて特定のバージョンをアップ奉仕したい場合は、httpヘッダを見てみることができます。場合によっては、ユーザエージェントはそれを譲渡しますが、必ずしもそうとは限りません。詳細はこちらのリンクをご覧ください:http://detectmobilebrowsers.mobi/

関連する問題