私はモバイルサイトを持っています。私は画面のサイズや解像度でモバイルWebブラウザを検出し、それに応じてWebサイトを表示する必要があります。モバイルウェブブラウザとその画面サイズを検出する方法
誰でもウェブブラウザと画面サイズの検出に役立つことができますか?
また、画面サイズに応じてウェブサイトを開くにはどうすればよいですか?
私はモバイルサイトを持っています。私は画面のサイズや解像度でモバイルWebブラウザを検出し、それに応じてWebサイトを表示する必要があります。モバイルウェブブラウザとその画面サイズを検出する方法
誰でもウェブブラウザと画面サイズの検出に役立つことができますか?
また、画面サイズに応じてウェブサイトを開くにはどうすればよいですか?
検出部分については、WURFLを使用することをお勧めします。 SOにはsimilar question/answerもあります。
リサイズ部分については、私は最近、私たちのウェブアプリケーションに似たようなことをしました。私はそれを本当にシンプルに保ち、要素をフローティング/ダイナミックリサイズにしようとしました。
これをテストするには、いくつかのエミュレータがあり、私はBlackBerry、Android、およびWindows 7 Phone用に使用しました。
あなたはこのためにDeviceAtlasを使用することができます。http://deviceatlas.com/
私はあなたがWAPブラウザではなく、モバイルブラウザを意味するものではありませんと思われます。 (& Androidであなたの質問にタグを付けました)
サーバー側でこれを行うには、デバイス機能データベースを使用する必要があります。
多くのオプションがあります(他の回答とリンクを参照してください)が、ASP.NETを使用しているので、私はhttp://51degrees.codeplex.com/を見ることをお勧めします。これはWURFLデータを使用しており、MDBF(これは、以前は最高のasp.netソリューションでした)のデファクトの置き換えです。
51度のソリューションの使用に関する詳細は、ブログの記事Scott HanselmanおよびSteve Sandersonで見つけることができます。
これについては他の類似の質問の多くは、ここでSOにあります:https://stackoverflow.com/search?q=detect+mobile+browser+capabilities
私は51度からモバイルDevice Detection and Redirectionを使用しています。ここに記載されているプロパティは、常に正確ではありません
Request.Browser.IsMobileDevice
Request.Browser.ScreenPixelsHeight
Request.Browser.ScreenPixelsWidth
:ここ
は、使用できるプロパティです。私のAndroidデバイス(moto-razor)は、IsMobileDeviceに対してfalseをスローします。また、デバッグ中に、私のクロムブラウザは640x480の画面サイズを最大化しながら表示します(スクリーンrez 1600 x 900)警告の単語! –