2

私は、私たちにとって興味深いアプリケーションを見つけて、それがどのように機能するかを理解するCSクラスの学校プロジェクトに取り組んでいます。私はdudamobile.comでテクノロジーを選びました

アプリは URL を受け取り、Web サイトのデスクトップ バージョンをモバイル バージョンに変換します。

これがどのように機能するかについての基本的な理解があると思います....

  1. HTML をクリーンアップする
  2. HTML を解析して主要なタグを探す
  3. キータグを変数に保存する
  4. 事前に作成されたモバイル HTML テンプレートに変数を適用する
  5. モバイル デバイスに合わせてカスタム CSS を挿入する

これはかなり高レベルの分析です。私の質問は、自分のプロジェクトに似たものを作成するためにどの特定のツールを使用できるかということです。あなたの意見では、私の分析は正しいですか?

4

1 に答える 1

0

私には、CSS の大部分を取り除いて、よりモバイルフレンドリーでグラフィック集約度の低い CSS に置き換えているように見えます。また、トップ リンクを作成するためにナビゲーションで奇妙なリンクを選択しているように見えるので、何らかのアルゴリズムがあります (私のサイトのトップ リンクはすべて、モバイル デバイス用のものでした)。

CSSファイルでいくつかのトリックを実行することから始めます。サイトが使用して背景画像を使用して削除し、特定の幅で画像をブロックレベル要素に変更し、フォントサイズを変更します。次に、フィット感のある他のモバイル要素を追加します(ズームなしで読みやすくすることがおそらく最も重要です)。

サイトが html5 を使用している場合、ナビゲーション セクションに別の CSS ルールを適用してリンクのリストを作成し、上部に移動できます。

ただし、サイトが適度にシンプルでない限り、完璧なクロスオーバーになるとは思わないでください。

.css ファイルを取得して解析し、再提供するには、バックエンド テクノロジが必要です。あなたが使いやすい言語をお勧めします。PHP の経験はあまりありませんが、そのアプリケーションには適していると思います。

于 2012-08-22T15:26:54.110 に答える