I have a codeigniter application for desktop can it be converted to a mobile app when accessed from a mobile using the same code?
3 に答える
レスポンシブ デザインを作成するか、ユーザー エージェントに基づいて 1 つのデスクトップ デザインとモバイル デザインを作成するかの 2 つのオプションがあります。
デザインがデスクトップとモバイルの両方の世界に簡単に適応できる場合は、少し調整するだけでレスポンシブ デザインで十分です。ただし、この方法を選択する前に、多くの画面解像度を持つモバイル デバイスがたくさんあることを思い出してください。
モバイル Web に関するこのスライドショーを読むことをお勧めします: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
そして、市場に出回っているモバイルデバイスの種類についての情報です。 http://jquerymobile.com/gbs/
レスポンシブ デザインを支援するために、インターネットで入手できるフレームワークのいくつかを使用できます。
Twitter ブートストラップ : http://twitter.github.com/bootstrap/index.html
財団 3: http://foundation.zurb.com/
スケルトン: http://www.getskeleton.com/
YAML 4: http://www.yaml.de/
ここでより多くのフレームワークを見ることができますhttp://www.awwwards.com/what-are-frameworks-22-best-responsive-css-frameworks-for-web-design.html
デスクトップ レイアウトが適切なモバイル レイアウトに適合しない場合は、100% 正確ではありませんが、ユーザー エージェントに頼ることができ、2 つの異なるレイアウトを作成します。デスクトップ側では、前述のレスポンシブ フレームワークのいくつかを使用できます。モバイル側では、以下を使用できます。
jQuery モバイル: http://jquerymobile.com/
UI ON TARGET: http://www.rikulo.org/
デスクトップのユーザー向けの大小の画面に対応するレスポンシブ デザインと、モバイル ユーザー向けの適切なデザインという 2 つの世界が混在するのが最適です。
2 つの違いは、アプリケーションのテンプレートまたはビュー部分にあります。基本的に、訪問者のデバイスを特定する必要があります。それがモバイルの場合は、準備したモバイル ビューを彼に示します。
jquery mobile を使用して、優れたレスポンシブ モバイル テンプレートを作成できます。
はい、私は過去にまさにこれをしました。
ユーザー エージェント クラスを使用して、ユーザー エージェントがデスクトップ クライアントかモバイル クライアントかを検出し、それを使用してセッションにフラグを設定しました。それに基づいて、そのフラグの値に応じてさまざまなビューを提供しました。このアプローチには、使用しているインターフェイスに関係なく、URL が同じままであるという利点があります。
ただし、ユーザー エージェントの検出が 100% 正確になることはないため、これを手動でオーバーライドする方法を追加することをお勧めします。