26

JavaScript からデバイスを検出する必要がある Web アプリケーションを開発しています。誰かがそれを行うための最良の方法を教えてもらえますか? グーグルでいくつかの解決策を見つけました。しかし、誰も完全な証拠はありません。WURFL のようなサーバー側の検出は使用したくありません。

私のアップデート

JavaScriptを使用してCSSメディアクエリを照合することでデバイスを検出しています。ポール アイリッシュによるポリフィルを使用したメディア クエリ マッチング用 https://github.com/paulirish/matchMedia.js/

4

2 に答える 2

49

以下を使用できます。

1) JS: ユーザーエージェントによる検出

if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i))

ここからユーザー エージェント文字列を取得します: http://www.useragentstring.com/pages/useragentstring.php。

2) CSS: レスポンシブデザインを使用する

3) JS: 画面幅を検出するscreen.width

于 2013-05-13T10:59:28.353 に答える
29

http://wurfl.io/をチェックすることをお勧めします

簡単に言うと、小さな JS ファイルをインポートすると、次のようになります。

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

次のような JSON オブジェクトが残ります。

{
 "complete_device_name":"Google Nexus 7",
 "is_mobile":true,
 "form_factor":"Tablet"
}

（もちろん、Nexus 7 を使用していると仮定しています）、次のようなことができるようになります。

if(WURFL.form_factor == "Tablet"){
    //dostuff();
}

これはあなたが探しているものです。

免責事項: 私はこの無料サービスを提供している会社で働いています。ありがとう。

于 2014-03-10T19:11:12.227 に答える