7

クライアントの 1 人のためにモバイル サイトを構築する計画の初期段階にあります。このモバイル サイトは、既に構築済みのメイン サイトに追加されます。コンテンツはメイン サイトの小さなサブセクションであり、サイトを使用すると予想される主な対象者をターゲットにすることが決定されました。

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

私の質問は、WAP は過去の考えですか? スマートフォンと iPhone がサイトをそのまま表示できるようになったので、WML と WAP について心配する必要がありますか?それとも、簡素化された HTML バージョンで十分でしょうか?

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

最後に、iPhone/Touch Safari ブラウザ用のモバイル サイトをプログラムしますか、それともサイトをそのままにしておきますか?

4

8 に答える 8

4

最近の携帯電話には、通常の HTML と非常によく似た HTML Mobile Profile (XHTML MP) を使用する WAP2 が付属しています。古い電話はワイヤレス マークアップ言語 (WML) を使用します。

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

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

また、w3cのMobile Web Best Practicesも参照してください。

于 2008-08-28T07:39:01.357 に答える
3

iPhone のサポートを改善するためにできることは 2 つあります。

ページを上にスクロールして 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>

そして、ページ幅のスケーリングを設定します (いくつかのテストを行ってこれで遊ぶのが最善です。また、 を使用する可能性のある他の例を探しますuser-scalable=true):

<meta name="viewport" content="width=320; user-scalable=false" />
于 2008-08-18T20:13:33.780 に答える
1

Cameron Molls の著書Mobile Web Designを読むことを強くお勧めします。モバイルに最適化されたサイトを構築するための技術的なハウツーではありませんが、利用可能なさまざまなオプションについて考え、それぞれの長所と短所をまとめています. 自分がどのようなアプローチをとっているのか、それが正しいのかどうかを考えさせられること間違いなしです。サイトへのモバイル デバイス リクエストを検出するのに役立つリソースへのポインタもいくつかあると思います。そこにはさまざまなオプションがあります。

于 2008-08-18T11:28:26.413 に答える
1

現在(2014年)

モバイル デバイス用の別のサイトは必要ないかもしれませんが、その代わりに、レスポンシブ レンダリングを使用するTwitter Bootstrapなどのフロント エンド ライブラリを使用して、タブレットモバイル デバイス、またはデスクトップのいずれ であっても、サイトが画面サイズに適応するようにします。

主な利点の 1 つは、モバイル用とデスクトップ用に別々の Web サイトを使用する場合と比較して、メンテナンスが少なくて済むことです。

Twitter Bootstrapの詳細については、ここをクリックしてください。

于 2014-03-17T07:37:21.383 に答える
0

2.5G電話と新しい3G電話の主な違いは、2.5G電話は独自のブラウザを使用していましたが、3G電話のブラウザはレンダリング機能がはるかに類似/正確になっていることだと思います。

一方、CSSを使用して、同じHTMLを大画面形式またはモバイル向けに最適化された小さな形式でレンダリングできるため、「単純なHTML」アプローチが最も難しいパスではないように見えたのではないかと思います。取る。また、テーブルレスレイアウトを使用すると、Webサイトのスケーリングが向上し、大画面と小画面の両方の形式でサイトを簡単にレンダリングできるようになります。

したがって、最後の質問はターゲット市場の質問になります。あなたは完全に3G対応の電話を持っている傾向がある技術に精通した聴衆をターゲットにしていますか?せいぜい2.5Gを持っているかもしれない人々をターゲットにしていますか?

于 2008-08-13T03:56:13.787 に答える
0

私の経験では、それはあなたが何をしようとしているのか、そしてユーザーが誰/どこにいるのかに本当に依存します。

WAPは多くの悪い報道を受けましたが、その強みは、低帯域幅で高遅延の接続があることです。WMLコンテンツは、通信事業者のゲートウェイによって最適化され、無線で送信されるデータの量を大幅に削減します。iPhoneなどをお持ちの場合、3Gのカバレッジがしっかりしている地域では、より豊富なコンテンツを購入する余裕がありますが、邪魔にならない地域でアプリのパフォーマンスを向上させたい場合は、WAPが大きな利点になります。

WAPで注意すべきことの1つは、受話器でのWAPサポートの品質が大きく異なることです(スマートフォンのWebブラウザーでも同じことを言うと思います)。それらのほとんどはページを正常に表示しますが、一部のブラウザではフォームの処理が本当にひどいです。

ユーザーエージェントに基づいてコンテンツを変更する場合は、特定のタイプのコンテンツ(たとえば、個別のURI)にアクセスする明示的な方法も提供する必要があります。自動選択が常に正しいとは限らず、クライアントがそれをオーバーライドできるようにする必要があります。

WAP開発を使用する場合は、WindowsベースのWAPブラウザであるWinWAPを確認してください。

于 2008-08-13T04:38:44.993 に答える
0

コード: 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”&gt;
于 2013-03-28T17:14:32.233 に答える
0

非常に少額のお金を使いたい場合は、私の本「Palm OS Web Application Developer's Guide」の中古本を Amazon で 1 ドル以下で見つけることができます。古い Palm VII デバイスに関する特定のヒントはもはや当てはまりませんが、モバイル Web サイトの作成に関するいくつかのセクションはまだ当てはまります。私の基本的なアドバイスは次のとおりです。最初に適切な情報を含むページを小さくし、次にナビゲーション リンクを作成します。一般的な/ボイラープレート コンテンツを他のページにプッシュします。ユーザーが 1 つのページに費やす時間を減らすために最適化を試みます。待ち時間を短縮するために、ページの大量のオブジェクト (画像、JavaScript ファイル) をダウンロードしないようにします。

于 2008-08-18T19:59:09.987 に答える