モバイル ブラウザーを検出するためのより信頼性の高い方法はどれですか?
UA スニッフィング
Jqueryの
width()
私が理解しているように、UA スニッフィングはあまり信頼できません。
ページを表示するモバイル デバイスの幅に応じて、ページの HTML を変更する必要があります。メディアクエリだけではそれができません。
モバイル ブラウザーを検出するためのより信頼性の高い方法はどれですか?
UA スニッフィング
Jqueryのwidth()
私が理解しているように、UA スニッフィングはあまり信頼できません。
ページを表示するモバイル デバイスの幅に応じて、ページの HTML を変更する必要があります。メディアクエリだけではそれができません。
モバイル検出 JS ライブラリを使用してこれを行うことができます。次の警告に注意してください。
// WARNING:
// These JavaScript-based device detection features may ONLY work
// for the newest generation of smartphones, such as the iPhone,
// Android and Palm WebOS devices.
// These device detection features may NOT work for older smartphones
// which had poor support for JavaScript, including
// older BlackBerry, PalmOS, and Windows Mobile devices.
// Additionally, because JavaScript support is extremely poor among
// 'feature phones', these features may not work at all on such devices.
// For better results, consider using a server-based version of this code,
// such as Java, APS.NET, PHP, or Ruby.
あなたはちょうどあなた自身の質問に答えました - あなたはユーザーのブラウザまたはデバイスの幅に採用したいのです。
幅が WIDTH_CONSTANT より小さいときに何かをしたい場合は、mediaQueries を使用するか、javascript でサイズを確認してください。
現在、ユーザー エージェントのスニッフィングはクライアント側では推奨されていません。これは、ユーザー エージェントをスニッフィングするのではなく、関心のある機能を探す必要があるためです。
したがって、あなたの場合、デバイスの幅を探す必要があるとほぼ確信しています。
PSサーバー側を扱っている場合、ユーザーが使用しているデバイスを知る唯一の方法はユーザーエージェントのスニッフィングだと思います。
次の 2 つのオプションがあります。
1- ユーザー エージェント スニッフィング。2 モバイル検出 JS ライブラリ