JavaScriptでモバイルデバイス（Android/iOS）を検出する方法

JavaScriptでモバイルデバイス（AndroidやiOSなど）を検出するには、navigator.userAgentプロパティを利用するのが一般的な方法です。ブラウザが送信するユーザーエージェント文字列に、特定のデバイス名が含まれているかどうかを正規表現で判定します。

サンプルコード

var device = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },

    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad/i);
    },

    any: function() {
        return (this.Android() || this.iOS());
    }
};

コードの解説

• Android()：ユーザーエージェントに「Android」という文字列が含まれているかを、大文字・小文字を区別せずに判定します。
• iOS()：「iPhone」または「iPad」が含まれているかを判定します。
• any()：AndroidまたはiOSのいずれかに該当する場合にtrueを返します。モバイルデバイスかどうかをまとめて確認したい場合に便利です。

使用例

if (device.any()) {
    console.log("モバイルデバイスからのアクセスです");
} else {
    console.log("デスクトップ環境からのアクセスです");
}

注意点

ユーザーエージェントによる判定は手軽な反面、文字列の偽装（スプーフィング）を受ける可能性があり、新しいデバイスやOSに対応させるためには判定条件を随時更新する必要があります。より堅牢な切り分けを行いたい場合は、画面幅によるレスポンシブデザインや、window.matchMediaを活用した機能ベースの判定と組み合わせることをおすすめします。