AngularJS
単一ページの webappに使用したいと思います。クライアントがモバイルかデスクトップかに基づいて、さまざまなテンプレートを「送信」するエレガントな方法があるかどうか心配です。それを行う方法はありますか?Webサーバーがブラウザが何であるかを「理解し」、それに応じてビューを送信して、ブラウザが常にtemplate.htmlを要求するか、JavaScriptを記述して、ブラウザがwebサーバーにmobile/template.htmlを取得するように指示することをお勧めしますか?
6 に答える
レスポンシブ デザインは小さなアプリではうまく機能しますが、大きなアプリに移行するとややこしくなります。
個人的には、ページの読み込み時にユーザー エージェントを検出し、必要に応じて別のモバイル アプリにリダイレクトすることをお勧めします。両方のアプリでコード ベースの大部分を引き続き使用できます (個々のモジュールをインポートするだけです)。
JavaScript を使用してユーザー エージェントを検出することに興味がある場合は、次の解決策をお勧めします (JavaScript を選択するだけです): http://detectmobilebrowsers.com/これまでに見つけた最も広範な解決策
この問題に対する 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