ユーザーが jQuery (または JavaScript) を使用してモバイル デバイスを使用しているかどうかを検出するにはどうすればよいですか?

jQuery を使用してユーザーがモバイル デバイスを使用しているかどうかを確認する方法

はじめに

Web 開発では、次のことができます。ユーザーが使用するデバイスに基づいてスクリプトとデザインを調整すると有益です。これにより、携帯端末から Web サイトにアクセスするユーザーに最適なユーザー エクスペリエンスを提供できます。 jQuery は、ユーザーがモバイル デバイスから閲覧しているかどうかを検出するさまざまな方法を提供します。

非推奨の jQuery ブラウザ拡張機能

かつては jQuery $.browser 関数が一般的でしたが、モバイル デバイスをチェックするために使用されていましたが、jQuery v1.9.1 では非推奨となり削除されました。最新の Web アプリケーションでの使用は推奨されなくなりました。

JavaScript ベースのアプローチ

jQuery を使用する代わりに、純粋な JavaScript を利用して、以下に基づいてモバイル デバイスを検出できます。ユーザー エージェント文字列:

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  // Code to execute for mobile devices
}

JavaScript とjQuery

jQuery を通じてこのアプローチをより利用しやすくするには、$.browser オブジェクトを変更できます。

$.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));

包括的なユーザー エージェント検出

より徹底的なアプローチの場合、より広範なユーザー エージェント検出を使用できます。 function:

var isMobile = false; // Initiate as false
// Device detection
if (/comprehensive user agent detection string/.test(navigator.userAgent)) {
  isMobile = true;
}

注: ユーザー エージェントの検出は確実な方法ではなく、信頼性が低い場合があります。精度と互換性を高めるために、機能検出とメディア クエリを利用することをお勧めします。

以上がユーザーが jQuery (または JavaScript) を使用してモバイル デバイスを使用しているかどうかを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。