How to Detect the Device is an Android Device using JavaScript?

Last Updated : 08 Oct, 2024

Detecting an Android device using JavaScript helps improve web experiences. By checking the user agent string, developers can identify Android devices and apply specific features or styles. This method ensures compatibility and optimizes functionality for different platforms

Approach

Use the navigator.userAgent property to get the value of the user-agent header sent by the browser to the server.
Check the index of 'android' in the userAgent.
If the index is greater than -1 then it is Android phone else, not an Android phone.

Example 1: This example checks whether the device is an Android phone or not.

html

<!DOCTYPE HTML>
<html>

<head>
    <title>
        How to detect Android Phone
        using JavaScript ?
    </title>
</head>

<body style="text-align:center;">

    <h1 style="color:green;">
        GeeksForGeeks
    </h1>

    <p id="GFG_UP" style="font-size: 19px; font-weight: bold;">
    </p>

    <button onclick="GFG_Fun()">
        click here
    </button>

    <p id="GFG_DOWN" style="color: green; font-size: 24px; font-weight: bold;">
    </p>

    <script>
        let el_up = document.getElementById("GFG_UP");
        let el_down = document.getElementById("GFG_DOWN");
        el_up.innerHTML = "Click on the button to detect if"
            + " the device is android phone.";

        function GFG_Fun() {
            let res = "Device is not Android Phone";
            let userAgent = navigator.userAgent.toLowerCase();
            let Android = userAgent.indexOf("android") > -1;

            if (Android) {
                res = "Device is Android Phone";
            }
            el_down.innerHTML = res;
        }
    </script>
</body>

</html>

Output:

Example 2: This example uses retrieves the navigator.userAgent property, checks for 'android' using a regular expression, and determines if the device is an Android phone.