3

私はモバイル Web サイトを構築していますが、Chrome ブラウザーとストック ブラウザーの 4.0、4.1、および 4.2 のさまざまな Android フォンで Web サイトを一貫して表示するのに問題があります。しかし、ios 5 または ios6 を実行している iphone 4s および 5 で同じ Web サイトを表示すると、サイトが表示され、一貫して機能します。

私が取り組んでいるモバイル サイトでは、CSS3、多くの JavaScript アニメーション、fonts.com からインポートされたフォント、および vimeo.com からのビデオとの統合を利用しています。

以下は、さまざまな Android とそのブラウザーで発生している問題の例です。

  • Person 1 - GS3 - Android 4.0 - Stock ブラウザ - Web サイトが常にクラッシュする
  • Person 1 - GS3 - Android 4.0 - Chrome ブラウザ - Web サイトは正常に動作しますが、一部のフォントが表示されません
  • Person 2 - Galaxy Nexus - Android 4.2 - ストック ブラウザ - うまく動作します
  • Person 2 - Galaxy Nexus - Android 4.2 - Chrome ブラウザ - vimeo ビデオが再生されない
  • Person 3 - Galaxy Note - Android 4.0 - ストック ブラウザ - すべて正常に動作します
  • Person 4 - Samsung Galaxy - Android 4.1 - ストック ブラウザ - サイトが頻繁にクラッシュする

オペレーティング システム 4.0 以降のさまざまな Android ブラウザ間で、同じ Web サイトのレンダリングに一貫性がないのはよくあることですか?

4

1 に答える 1

2

ある程度、はい、それは一般的です。これは、Androidデバイスがハードウェアと機能の両方で必ずしも一貫しているとは限らないためです。特に、キャリアロックされたデバイスを使い始めた場合はそうです。

一般的なモバイルデバイスでは、JavaScriptとFlashのサポートは大雑把なものになる可能性があります（Vimeoはこれを予測し、代わりにHTML5を使用する場合がありますが、それ自体がリソースを大量に消費するビデオの再生について話していることになります）。これらをサポートするものもあれば、サポートしないものもあり、それらをサポートするものの中には、それらを処理するためのハードウェアがないものもあります。JavaScript、Flash、カスタムフォント、およびビデオ再生はすべてリソースを大量に消費するため、デバイスの機能が過負荷になっている可能性があります。

ストックフォントの使用、アニメーションの削減（とにかく、ほとんどの場合、付加価値がない可能性が高い）、CSS3の重いトリック（変換、アニメーションなど）、そしてそれがこれらのブラウザの問題を改善するかどうかを確認してください。また、リンクなど、ある種の「失敗した埋め込み」フォールバックをビデオに提供することもお勧めします。（JavaScriptと高度なCSSを完全に切り取ってから、限界点が見つかるまでゆっくりと追加していく方が簡単な場合があります。）

ちなみに、「モバイルファースト」の開発原則の概念を検討することも価値があるかもしれません。これには、コンテンツに焦点を当て、ブラウザの機能がそれをサポートするように美学を追加することが含まれます（大きく始めて物事を切り詰める代わりに）サポートが終了するとアウト）。

于 2013-03-06T16:43:37.503 に答える