1

デスクトップ、タブレット、モバイル デバイス向けのアプリケーション ターゲットを開発しています。異なるデバイスをサポートするために、3 つの異なるページ/UI を用意する価値はありますか?

MVC 4.0にはクロスプラットフォーム(デバイス)サポートがあり、すべてのデバイスで表示できる単一のページ/ソリューションを作成できるように言及されていましたか?. mvc4.0 もこの問題に実際に対処しています。もしそうなら、私はこれに関するより関連性の高い情報をどこで見つけることができますか?

公式ページより:

デスクトップ ブラウザがホームページを要求する場合、アプリケーションはViews\Home\Index.cshtmlテンプレートを使用することがあります。モバイル ブラウザーがホームページを要求すると、アプリケーションはViews\Home\Index.mobile.cshtmlテンプレートを返す場合があります。

デバイスごとに異なる cshtml を作成する必要がありますか?

既定のプロジェクト テンプレートの機能強化 :- 表面的な改善に加えて、新しいテンプレートの機能が改善されました。このテンプレートは、アダプティブ レンダリングと呼ばれる手法を採用しており、デスクトップ ブラウザーとモバイル ブラウザーの両方でカスタマイズしなくても適切に表示されます。

上の方は違うことを言っています。

4

2 に答える 2

1

複数のデバイスをターゲットにしたい場合は、プログレッシブ エンハンスメントレスポンシブ デザインプリンシパルを使用することをお勧めします。

これは、ブラウザのサイズと機能に基づいてサイトを表示するために javascript と css を使用するため、どの Web フレームワークにも当てはまります。

プログレッシブ エンハンスメントは、アクセシビリティ、セマンティック HTML マークアップ、および外部スタイルシートとスクリプト技術を重視する Web デザインの戦略です。プログレッシブ エンハンスメントでは、階層化された方法で Web テクノロジを使用して、誰もが任意のブラウザーまたはインターネット接続を使用して、Web ページの基本的なコンテンツと機能にアクセスできるようにすると同時に、より高度なブラウザー ソフトウェアまたはより広い帯域幅を使用するユーザーにページの拡張バージョンを提供します。 .

レスポンシブ Web デザイン (RWD) は、基本的に Web サイトがカスケーディング スタイル シート 3 メディア クエリ (@media ルールの拡張) を使用し、レイアウトを表示環境に適応させるために作成されていることを示します。柔軟な画像を使用します。その結果、さまざまなデバイスやブラウザーのユーザーが、サイズ変更、パン、スクロールを最小限に抑えて、読みやすくナビゲートしやすいようにレイアウトされた単一のコンテンツ ソースにアクセスできるようになります。

于 2012-05-31T13:36:31.347 に答える
1

これをチェックしてください。

http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

MVC4 にはユーザー エージェント チェッカーが組み込まれているようで、デスクトップ ビューとモバイル ビューの両方を自動的に切り替えることができます。

于 2012-05-31T19:13:50.580 に答える