48

AngularJS単一ページの webappに使用したいと思います。クライアントがモバイルかデスクトップかに基づいて、さまざまなテンプレートを「送信」するエレガントな方法があるかどうか心配です。それを行う方法はありますか?Webサーバーがブラウザが何であるかを「理解し」、それに応じてビューを送信して、ブラウザが常にtemplate.htmlを要求するか、JavaScriptを記述して、ブラウザがwebサーバーにmobile/template.htmlを取得するように指示することをお勧めしますか?

4

6 に答える 6

13

レスポンシブ デザインは小さなアプリではうまく機能しますが、大きなアプリに移行するとややこしくなります。

個人的には、ページの読み込み時にユーザー エージェントを検出し、必要に応じて別のモバイル アプリにリダイレクトすることをお勧めします。両方のアプリでコード ベースの大部分を引き続き使用できます (個々のモジュールをインポートするだけです)。

JavaScript を使用してユーザー エージェントを検出することに興味がある場合は、次の解決策をお勧めします (JavaScript を選択するだけです): http://detectmobilebrowsers.com/これまでに見つけた最も広範な解決策

于 2013-04-30T15:41:30.580 に答える
3

この問題に対する BOOSTRAP + ANGULARJS ソリューション:

ライブラリをチェックアウトできangular-match-mediaます。サイズは非常に小さいですが、非常に便利でエレガントです。

https://github.com/jacootarantino/angular-match-media

**注意: これはbower install angular-media-queries;でインストールされます。ただし、js ファイルへのパスは/path/to/library/angular-media-queries/match-media

于 2015-10-11T11:45:16.920 に答える