メインサイトのモバイル対応サイトの計画と構築

私たちはクライアントのモバイルサイトを構築する初期段階にあります。このモバイルサイトは、私たちがすでに構築しているメインサイトに加えて追加されます。私たちは、コンテンツがメインサイトの小さなサブセクションになると判断し、サイトを使用すると予想されるメインオーディエンスを対象とします。メインサイトのモバイル対応サイトの計画と構築

サンプルモバイルサイトを見てみると、URLにWAPを持つサイトの多くは、単純に単純化されたHTMLファイルであることがわかりました。 http://wap.mlb.comは実際にWAP対応ではなく、単純なHTMLです。

私の質問は過去を思い浮かべますか？スマートフォンとiPhoneがサイトをレンダリングする能力を持っているので、WMLとWAPについて心配する必要がありますか、またはhtmlバージョンを削除して十分ですか？

モバイルデバイスを確認するには、以下のブログやチュートリアルや回答をおすすめしますか？プログラマは、モバイルサイトにリダイレクトするためにユーザーエージェントの各バリエーションを知る必要がありますか？

最後に、iPhone/Touch Safariブラウザ用のモバイルサイトをプログラムするか、そのままサイトを離れるようにしますか？

出典

2008-08-13 RedWolves

新しい携帯電話はHTMLモービルを使用していますWAP2が付属していますe Profile（XHTML MP）。通常のHTMLと非常によく似ています。古い携帯電話はWML（Wireless Markup Language）を使用します。

あなたの聴衆に応じて、XHTML MPを使用して携帯電話にやさしいバージョンのサイトを作成し、WMLを完全に削除することを検討します。携帯電話に優しいという意味では、軽いグラフィックス、JavaScriptとシンプルなナビゲーションを意味します。

異なる携帯電話の機能を確認するには、WURFLをご覧ください。

また、w3cのMobile Web Best Practicesもご覧ください。

出典

2008-08-28 07:39:01 nohj

私は2.5G携帯電話と新しい3G携帯電話との主な違いは、2.5G携帯電話が独自のブラウザを使用している一方で、3G携帯電話のブラウザはレンダリング機能の方がはるかに似ています。

一方、CSSを使用して同じHTMLを大画面形式または小型のモバイル最適化形式でレンダリングすることができます。その結果、「シンプルなHTML」のアプローチが取るべき最も困難な道。また、テーブルレスのレイアウトにより、ウェブサイトの拡張性が向上し、サイトを大小のスクリーンフォーマットで簡単にレンダリングすることができます。

最終的な質問はターゲット市場の質問です。あなたは完全に3G対応の携帯電話を持っている傾向がある、技術に精通した聴衆をターゲットにしていますか？あなたは最大で2.5Gを持つかもしれない人々をターゲットにしていますか？

出典

2008-08-13 03:56:13

私の経験は、実際にあなたがやろうとしていることと、ユーザー/ユーザーの場所に依存しています。

WAPは多くの悪い報道を受けていますが、低帯域幅の高遅延接続がある場所が強みです。 WMLコンテンツは、通信事業者のゲートウェイによって最適化され、大気中で送信されるデータ量を大幅に削減します。 3Gなどのカバレッジのある地域では、iPhoneなどがあれば、より豊かなコンテンツを手に入れることができますが、WAPには大きな利点があります。

WAPで注意すべき点の1つは、端末でのWAPサポートの品質が大きく異なることです（スマートフォンのWebブラウザでも同じことを言いたいと思います）。それらのほとんどはページを表示しますが、フォーム処理はいくつかのブラウザでは本当にひどいです。

ユーザエージェントに基づいてコンテンツを変更する場合は、特定のタイプのコンテンツにアクセスする明示的な方法を提供する必要があります（別のURIなど）。自動選択は必ずしも適切ではなく、クライアントはそれを上書きする。

もしあなたがWAP開発に行くなら、WindowsベースのWAPブラウザであるWinWAPをチェックしてください。

出典

2008-08-13 04:38:44

Cameron Molls'本Mobile Web Designをチェックアウトすることをお勧めします。モバイルに最適化されたサイトを構築するための技術的な方法ではなく、利用可能なさまざまなオプションについて考えさせ、それぞれの長所と短所を要約します。間違いなくあなたはあなたが取っているアプローチとそれが正しいものかどうかを考えさせます。私は、あなたのサイトへのモバイルデバイスの要求を検出するのに役立つリソースへのポインタもいくつか持っていると思います。そこにはさまざまなオプションがあります。

出典

2008-08-18 11:28:26 roryf

あなたは非常に少額のお金を使いたい場合、$ 1の下で私の本"Palm OS Web Application Developer's Guide"の中古コピーをAmazonで見つけることができます。古いPalm VIIデバイスに関する具体的なヒントはもう適用されませんが、まだ適用される可能性のあるモバイルWebサイトの作成に関するいくつかのセクションがあります。私の基本的なアドバイスは次のとおりです。ジェネリック/ボイラープレートのコンテンツを他のページにプッシュする。ユーザーが単一のページに費やす時間を短縮するために最適化を試みてください。レイテンシを減らすためにページのオブジェクト（画像、JavaScriptファイル）をたくさんダウンロードしないようにしてください。 URLバーの非表示にする

メイクページスクロールアップ：

<script type="application/x-javascript"> 

    if (navigator.userAgent.indexOf('iPhone') != -1) { 
    addEventListener("load", function() { 
     setTimeout(hideURLbar, 0); 
    }, false); 
    } 

    function hideURLbar() { 
    window.scrollTo(0, 1); 
    } 

</script>

とページ幅のスケーリング設定（最高

出典

2008-08-18 19:59:09

はここで多くの作業を行うことなくiPhoneのためのサポートを向上させるためにあなたができる2つの事がありますいくつかのテストを行うと、これを再生するには、またuser-scalable=trueを使用している他の例）を探します。

<meta name="viewport" content="width=320; user-scalable=false" />

出典

2008-08-18 20:13:33 crashmstr

コード：私は、使用時にw3バリデーターが11個のエラーを返すようにします。これは試したインデックスページです：複数の行は使用されません。それらはテンプレート行です。

<!DOCTYPE HTML> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Photography Aerial Commercial Portrait Underwater Wedding Tom Szabo</title> 
<meta name="description" content="A Thomas Image professional photography serving Cleveland 
Northeast Ohio Chagrin Falls Chardon Kirtland Madison Mentor Painesville Perry and Willoughby"> 
<meta name="keywords" content="A Thomas Image, professional, photography, cleveland, northeast ohio, chagrin falls, chardon, concord, kirtland, madison, mentor, painesville, perry, willoughby,commercial, marketing, advertising, executive, head shot, portrait, baby, children, family, high school senior, family reunion, underwater, scuba diving, pool party, wedding, bride, groom,"> 
<meta name="y_key" content="7b00158550200c1c"> 
<meta name="y_key" content="b5a3e0c1d778ff8a"> 
<meta name="msvalidate.01" content="7C6C4CEC2EB84051B1DCFEC558B77724" /> 
<meta name="verify-v1" content="G4nmk0aesZsCjneBo0W6kVlv5NpImVnTfsQ+fXEk1fA=" /> 
<meta name="viewport" content=”width=320,user-scalable=false”>

出典

2013-03-28 17:14:32

今のよう

（2014）

私たちは、モバイルデバイス用の別々のサイトを必要としないかもしれない代わりに、私たちはとてもそのサイトが適応をレンダリング応答を使用していますTwitterのブートストラップのようなフロントエンドするライブラリのために行くことができますそれはタブレット又はモバイルデバイスであるかどうかを画面サイズに自体又はデスクトップ

主な利点の1つは、携帯電話とデスクトップ用に別々のウェブサイトを持っているのと比較して、が少なくて済むことです。

Twitterのブートストラップクリックhere
についての詳細を知るために

出典

2014-03-17 07:37:21

メインサイトのモバイル対応サイトの計画と構築

答えて

関連する問題