問題タブ [device-detection]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ピクセル比率/密度を検出するためのベスト プラクティスは何ですか?
現在、Web サイトでのモバイル デバイス検出に JavaScript を使用しています。これにより、モバイル ユーザーまたはデスクトップ ユーザーにさまざまなコンテンツを提供できます。
現在、私はwindow.devicePixelRatio
andを使用screen.width
して、ユーザーがモバイル デバイスを使用しているかどうかを判断します。
768px
はモバイルまたはデスクトップを定義するポイントであるため、767 以下はモバイル、768 以上はデスクトップです。
これは完全に機能しますが、最近、Firefox で問題が発生しました。Firefox をズームインおよびズームアウトすると、 が変更されますwindow.devicePixelRatio
。
Firefox でブラウザをズームインしているユーザーはサイトのモバイル バージョンを取得するため、これが問題になります。
デスクトップブラウザとは別のピクセル密度を取得する別の方法またはより良い方法を誰かが知っているかどうか疑問に思っていました.
少量のユーザー エージェント検出も使用しますが、絶えず変化するモバイル ユーザー エージェントのリストに追いつくのは大変な仕事であるため、画面解像度とユーザー エージェントの両方に同時に依存することはできません。時間。
誰かがこれについて何かアイデアを持っていて、それを助けることができれば、それは素晴らしいことです.
アップデート:
私はちょうどこれに出くわしました:
この簡単な数学は、この投稿で提案されています。
window.devicePixelRatio は IE 10 Mobile で機能しませんか?
私はそれをテストし、Firefoxで動作し、問題を解決しましたが、残念ながらChromeで問題が発生するようになりました:
すべてに有効な確実な解決策を見つけることができないようです。
browser - サイトのモバイル バージョンを設定するにはどうすればよいですか?
サイトの読み込みをモバイル向けに高速化するには、メジャーのパラメータやその他の読み込みショートカットを使用する必要があることは理解しています。問題なのは、モバイル サイトを構築することではありません。
携帯電話がサイトにアクセスした場合のリダイレクト先をブラウザーに示すコードが必要です。
私もそれを実装する方法を知る必要があります.htmlとcssしか書いていません.完全なスニペットが必要です. 私はかなりの調査を行い、多くのコーダーが検出方法についてアドバイスを与えてきましたが、それらの方法を実装する方法については述べていません。
javascript - モバイル Web サイトからの apple-touch-icon の解析
www.example.com のような特定の URL を使用して、この属性の dom を検索するなどして、アップル タッチ アイコンを抽出します。
問題は、example.com が通常の Web サイトではこのタグを提供せず、モバイルの m.example.com Web サイトだけに提供していることです。サーバー側のデバイス検出を使用し、このタグをモバイル デバイスにのみ追加していると思います。そのようなWebサイトでこのアイコンを取得する方法について何か考えはありますか?
ios - iPad vs iPad Mini ユーザーエージェント
サーバー側のデバイス検出を行っており、iPad mini ユーザーを 1 つのページに誘導し、iPad ユーザーを別のページに誘導する必要があります。
2 つのユーザー エージェントを区別するものはありますか?
iPad
Mozilla/5.0 (iPad; Mac OS X のような CPU OS 7_0_3) AppleWebKit/537.51.1 (Gecko のような KHTML) バージョン/7.0 Mobile/11B511 Safari/9537.53`
ミニ
Mozilla/5.0 (iPad; Mac OS X のような CPU OS 7_0_4) AppleWebKit/537.51.1 (Gecko のような KHTML) バージョン/7.0 Mobile/11B554a Safari/9537.53
Mobile/11B511 と Mobile/11B554a だけが表示されますが、それは解決できる永続的な値ですか?
android - デバイスがフラッグシップ Android デバイスであることを確認する方法
http://www.minix.us/products/NEOX7.htmlのような主力の Android デバイスがあります。ハードウェアデバイスです。デバイスがフラグシップのAndroidデバイスであるかどうかをアプリケーションで確認したい
cordova - Express.js サーバーで cordova デバイスを検出する
こんにちは、Cordova 別名 PhoneGap を初めて使用します。私はすでに Express.js Web サイトを作成しており、Cordova を使用して iOS および Android アプリを構築しようとしています。
したがって、1 つの Web サイトがあります。それにアプローチするには3つの方法(iOSアプリ、Androidアプリ、Webブラウザー)があります。
アプローチとは何かを把握し、高速道路で異なるレイアウトを提供したいと考えています。
http ヘッダーで Android デバイスが送信されまし'x-requested-with': 'com.example.hello'
たが、iOS は送信されません。クライアント js では loacation.href を使用できますが、express.js では location.href を読み取ることができません。
Express.js でアプローチの種類を把握する方法はありますか?
c# - Windows でポータブル デバイスの挿入を検出する
接続されたデバイスを検出して一覧表示する C# コードを使用しています。コードは kisok コンピューターで実行され、顧客がファイルに簡単にアクセスしてアップロードできるようにすることになっています。以下のコードは、モバイル デバイスなどのポータブル デバイスを認識しないことを除いて、正常に動作します。
したがって、モバイル デバイスの接続時に受信した mWParam は DBT_DEVNODES_CHANGED (0x0007) に等しく、mLParam は 0 です。このイベントからポータブル デバイスを認識することは可能ですか? ここに追加できる関連検出 API はありますか?
次のWMIコードを試しましたが、以前と同様に、USBが接続されているが携帯電話が接続されていない場合にのみHandleEventが起動されます:(
asp.net-mvc - ASP.NET MVC を使用したクロス デバイス Web アプリケーション
私は現在、モバイル デバイス、特にタブレットやスマートフォン向けに最適化する必要がある ASP.NET MVC Web ショップに取り組んでいます。これは職場のクライアント向けですが、自宅で ASP.NET MVC デバイス検出について少し調査しています。それを使って小さなアプリケーションを作成しましたが、問題なく動作するようです。デバイスの種類ごとに異なるビューを使用することで、すべてがうまく分離されている方法が気に入っています。
私が今苦労しているのは、その Web ショップにもASP.NET MVC デバイス検出を使用するか、Bootstrap のようなクライアント側のレスポンシブ フレームワークを使用するかです。ASP.NET MVC デバイス検出は、私にとって本当に「大人」に見えないため、その決定に苦労しています。インターネット上で見つけることはあまりなく、デフォルトでモバイルビューのみをサポートし、タブレットビューなどはサポートしていません.
私がデバイス検出を躊躇しているもう 1 つの理由は、モバイル デバイスのユーザー エージェント文字列を含む標準の ASP.NET MVC ライブラリがおそらく更新されないためです。デスクトップ ビュー、モバイル デバイス用に最適化された優れたビューがあります。もちろん、51Degrees.mobileのような最新のデバイス検出のためのサービスもありますが、非常に高価です。(無料版はタブレットの検出をサポートしていません)この
投稿
の例を使用して、タブレット用にさまざまなビューを作成する方法を見つけましたが、その例では正規表現を使用してスマートフォンとタブレットを検出します。時代遅れでもあります。
一方、クライアント側のレスポンシブ ソリューション ( Bootstrap ) があります。クライアント側レスポンシブ サイトの欠点は、異なるビューモードが分離されていないことです。HTML はデバイス用に最適化されていません。Web サイトは、デスクトップ バージョンを「投入」しただけであり、ブラウザーは CSS メディア クエリを使用して HTML ページを調整します。コードは、デバイス検出ソリューションほどクリーンではありません。
簡単な質問: ASP.NET MVC デバイス検出を使用する無料または安価な方法はありますか? それは時間の経過とともに私たちのニーズに合うでしょうか? いつか時代遅れにならない?
この場合、あなたが最良の選択であると思うことを聞いていただければ幸いです。前もって感謝します。
javascript - 重いコンテンツで右の列を非表示にするテクニックはどれですか?
私は、部分的に重いコンテンツがたくさんある素晴らしい雑誌のモバイル サイトを構築しています。ここでの問題は、モバイル サイトの右側の列全体を非表示にする必要があることです (はい、この場合は必要です)。
私はモバイル デザインについて十分な調査を行い、多くの記事を読みましたが、この問題に対処する解決策が見つかりません。CSS や JS で右側の列を非表示にするのが一般的です。しかし、すべてがまだロードされています。この場合、右側の列が非常に大きく、多くのコンテンツが含まれているため、ページの読み込みを高速化するには、この列を読み込まない方がよいようです。
私は何をすべきか?
c# - タブレットからのWebサイトアクセスを検知
私は初心者の .NET 開発者です。ウェブサイトへのアクセスがタブレットからのものかどうかを検出する必要があるウェブサイトがあります。サイトにはモバイル版がありますが、私のクライアントは、タブレットからサイトにアクセスしたときに、モバイル サイトの代わりにメイン サイトの変更されたバージョンが表示されるようにしたいと考えています。したがって、特にタブレットからのアクセスを検出する必要があります。誰でもこれで私を助けてもらえますか?