ウェブサイトに通知バーを表示していますが、率直に言って、モバイル デバイスではうまく機能しません。デスクトップ ユーザーのみにバーを表示したいと思います。
ユーザーがデスクトップとモバイルのどちらを使用しているかを判断する最も簡単な方法は何ですか?
ウェブサイトに通知バーを表示していますが、率直に言って、モバイル デバイスではうまく機能しません。デスクトップ ユーザーのみにバーを表示したいと思います。
ユーザーがデスクトップとモバイルのどちらを使用しているかを判断する最も簡単な方法は何ですか?
これをチェックしてください http://detectmobilebrowsers.com/
Javascript、jQueryなどで動作します。
CSS3メディアクエリを簡単に使用できますが、ユーザーエージェントチェックは「最も簡単」です。
これは、iPhone、Android、ブラックベリーをチェックする例です。他のモバイルブラウザを簡単に追加できます。
var is_mobile = !!navigator.userAgent.match(/iphone|android|blackberry/ig) || false;
機能検出を使用するのが最善であることがわかりました。Modernizrを使用して、タッチ デバイスかどうかを検出します。次のようなことができます。
var mousedown = 'mousedown';
if (Modernizr.touch) {
mousedown = 'touchstart';
}
$('.foo').on(mousedown, handleMouseDown);
次に、画面幅の処理に CSS メディア クエリを使用します (また、JavaScript を使用して画面幅を簡単に検出できます)。こうすることで、大きな画面のタッチ デバイス、または小さな画面の非タッチ デバイスを正しく処理できます。
ユーザーがモバイル デバイスを使用している場合、この JavaScript の「if」は true を返します。
if (navigator.userAgent.indexOf('モバイル') !== -1) { ...