2009-11-26 6 views
5

ブラウザの幅に基づいて別のページを提供する非常に単純なトリックを使用するモバイルに最適化されたサイトがあります。 Droidが登場するまで、これは非常に高画質の画面を持っていました。私のサイトに大混乱を引き起こすドロイドブラウザ

私は画面のデフォルト設定が800ピクセル幅であることを理解しています(これは、幅検出スクリプトよりも大幅に広いので、どのページを500ピクセルで表示するか決定しています)。しかし、Droidのブラウザは、より小さな幅を報告するように任意に決定し、したがって、より小さい幅のページに役立ちます。しかし、予測可能な荘園ではない。

結果として、エンドユーザーのエクスペリエンスは完全にランダムです。拡大する必要があるワイドページが表示されることがあります。ウィンドウの右に拡大縮小されたページが表示されることがあります。

私は画面幅を報告する小さなスクリプトを書いていますが、特定のピクセルサイズにビューポートを強制しても、一部のユーザーはまだ800ピクセル幅(縦向きでも)を報告しており、幅。

Droidのブラウザの幅を明確に設定する方法はありますか?これはバグですか?私は単に何かを通して考えていないのですか?率直に言って、私の手が背中に縛られて暗い洞穴でデザインするような気分になり始めています。

+0

サイトはライブになっていますか? –

+0

はい。 Duh、申し訳ありません:http://www.cellstories.net 単純な画面幅のスクリプト:http://www.sinkerdocs.com/wintest.html –

+0

私はドロイドであなたのサイトにアクセスしましたが、私はそうではありませんあなたがしようとしていることを完全に確信しています。サイトのルートページには私にセルストーリーについての説明がありますが、実際のストーリーは表示されません。モバイルデバイス上のサイトにアクセスするよう促すだけです。しかし、私は、「cellstoriesについて」をクリックしてから「戻る」(私のドロイドの「戻る」ボタンではなく、ページ上の大きなボタン)をクリックして表示することができます。 Droidはユーザエージェントを正しく報告していませんか?いずれにせよ、wintest.htmlが一見無作為な値を報告したにもかかわらず、Droidではサイジングが正しいように見えました。 – Bugmaster

答えて

1

モバイルページ(ストーリー)または説明ページを画面幅で表示するかどうかを判断しているようです。私の理解では、表示するページを決定するために、ユーザーエージェントまたはユーザーが携帯電話を検出して事前に作成したブラウザ検出スクリプトを使用する方がよいでしょう。私はしばしばブラウザのウィンドウを800px以下の幅で使用しているので、このような問題は私のブラウザでページが正しく表示されるのを妨げていました。

+0

あらかじめ作成されたブラウザ検出スクリプトの推奨事項はありますか? –

関連する問題