問題タブ [device-detection]

私は現在 mvc 4 を使用しており、サイトにアクセスしているブラウザーをスニッフィングし、ブラウザー/デバイスに基づいて適切なビューをレンダリングする DisplayModes 機能の実装に関心があります。

たとえば、iphone をチェックして該当するビューをレンダリングするコードは次のとおりです。

すぐにモバイルデバイスをスニッフィングし、モバイル名をビューに追加することを読みました。

タブレット用の同様のビットを作成したい。誰かがこれを実装したり、その方法を説明したりしましたか? タブレットのユーザー エージェントなどを確認することはできますが、この機能は行き当たりばったりなので、まだ誰かがこれを達成したかどうか疑問に思っています。

Webアプリケーションがあります。私はJavaScriptで、次のようにユーザーエージェント文字列でデバイスを識別しています。

私の仕事は、デバイスがwin8タブレットであるかどうかを識別することですか？

私はすでにこの投稿を見ました。ただし、文字列「Windows NT」は、すべてのPCブラウザのuseragentに表示される可能性があります。だから、私はデバイスがwin8タブレットであるかどうかを識別するクライアント側の方法を見つける必要がありますか？

何かご意見は？

私は、私がやろうとしているプロジェクトのために Twitter Bootstrap API をいじり始めたところです。メイン ナビゲーションには 3 つの主要な要素が含まれています。

• サイトナビ
• ソーシャル リンク ナビゲーション
• サイトフォームを検索

モバイル デバイスでサイトを表示するときに、折りたたみプラグインを使用して、サイト ナビゲーションと検索フォームを折りたたみます。モバイル ビューには 2 つのボタンがあり、クリックすると検索フォームまたはメイン ナビゲーションのオン/オフが切り替わります。

しかし、検索フォームをオフにしてブラウザのサイズをデスクトップ ビューに変更すると、検索フォームはこのビューにまだ表示されません。

visible-mobile などのクラスの使用について読んだことがありますが、これらは折りたたみプラグインと衝突するようです。また、これを修正するために独自の CSS ハックを作成できる可能性があることも認識していますが、もっと簡単な解決策があるかどうか尋ねてみようと思いました。

Bootstrap には、表示、表示、非表示、および非表示のイベントがあるため、特定のデバイス ビューごとにこれらのアイテムを表示または非表示にするカスタム JS を記述できるのではないかと考えました。ただし、その時点で使用しているデバイスを検出する方法がわかりませんでした。

考え？

前もって感謝します

すべてのタッチデバイスを検出する次のコード行があります。

タッチ対応のモバイルデバイスのみを対象とし、タブレットデバイスも除外するように変更したいだけです。具体的になりすぎずにこれを行うにはどうすればよいですか？

エンド ユーザーが電話、タブレット、または PC を使用しているかどうかを検出しようとしています。

私はしばらくの間グーグルをしてきましたが、明らかに簡単な解決策はありません。

最近のタブレットの中には素晴らしい解像度を持っているものがあるので、私は解像度を使用すべきではないと思います。

Windows8 ラップトップはタブレットのように回転できるため、向きに依存するべきではありません。(レスポンシブ デザインは、現在のプロジェクトでは難しすぎる)

私は UserAgent を使用しようとしましたが (欠点もあると思います)、動作させることができません。以下は、電話/タブレットと PC を区別するために使用しているオンラインのさまざまなバージョンの組み合わせです。動作せず、理由がわかりません

この質問は以前ここで答えられたに違いない気がしますが、どこにも見つかりません。

Web サイトは、ユーザーが閲覧しているデバイスを検出できますか? たとえば、ユーザーがアプリの Web サイトを閲覧している場合、使用しているデバイスに応じて、Google PlayまたはApple App Storeへのリンクを表示することを認識できますか?

iPad ユーザーはChromeを使用している可能性があり、Android ユーザーはFirefoxなどを使用している可能性$HTTP_USER_AGENTがあるため、十分ではないと思います。

もちろん、JavascriptだけでなくPHPも自由に使用できます。

screen.availWidthと だけを使用して Retina iPad (および同様のデバイス) を検出する際に問題が発生していますwindow.devicePixelRatio。問題は、iPhone と iPad ではディップ数が表示されるのscreen.availWidthに対し、Android デバイスでは物理ピクセル数が報告されるように見えるため、画面がタブレット サイズであるかどうかを確実screen.availWidth / window.devicePixelRatioに計算できないことです。

私を助けるために使用できる他のDOMプロパティはありますか?

編集- 質問が重複していないことをうまくいけば明らかにする方法で要約する

screen.availWidthを考慮してすでに調整された値を報告するかどうかを確認するにはどうすればよいですかwindow.devicePixelRatio

次のコードを使用してデバイス検出を行います。

これは、ユーザーをデスクトップ バージョンの Web サイトに戻すという点で機能しますが、ユーザーがデスクトップ サイトのリンクをタップしてからモバイル サイトにリダイレクトされると、問題が発生します。

#desktopデスクトップの表示リンクがクリックされた場合、常にすべてのリンクに を追加するにはどうすればよいですか? これは可能ですか？

では、これをできる限り明確にしようと思います。

私は、どの電話、タブレット、コンピューターでも非常にはっきりと表示できるウェブサイトを作成しました。私はアプリを持っているところです。私が探していたのは、どうすれば自分のアプリについてモバイル デバイスにプロンプ​​トを表示できるかということでした。アプリを今すぐ入手するボタンまたは完全なサイトにつながる続行ボタンがあることを示すウィンドウが表示されることを望んでいたのですが、問題は、見つけたすべてのモバイル検出スクリプトができる限り検出することです教えてください、モバイルユーザーとコンピューターを別の方法で送信することはできないようです（スクリプトはphpでした）別の方法はjqueryでしたが、モバイルブラウザーでサイトを表示すると、すべて狂ったように見えました。 jquery がリダイレクトとして機能します。

次の問題は、アプリにユーザーを送信する方法、または送信する方法がまったくわからないことです。私がやりたいことの完璧な例はhttp://www.bankofamerica.comにありますが、フルサイトに行くボタンを続けたいと思っています。

これが長続きしないことを願っています。