Androidのスマートフォンとタブレットを区別する方法

Webアプリ側でスマートフォンかタブレットを区別するのはUser-Agentで行う。
Androidの場合、User-Agentに「Android」の文字が必ず入る。
さらにスマートフォンの場合は「Mobile」の文字も入る。
この2つを使用すればAndroidのスマートフォンかタブレットかを区別することができる。

JavaScriptでは以下のように判定できる。

// User-Agent取得
var userAgent = navigator.userAgent;

// Android端末か？
if(userAgent.indexOf('Android') > 0) {
    // スマートフォンか？　タブレットか？
    if ((userAgent.indexOf('Mobile') > 0)) {
        // スマートフォン
    } else {
        // タブレット
    }
}

User-Agentはぱっと見長い文字列ですが、上記2つのキーワードで判定できるので思ったよりシンプル。

参考サイト

• Android携帯とタブレットのUser-Agentの見分け方
• Mo’ better to also detect “mobile” user-agent