¿Cómo obtener la versión de Android de su dispositivo usando JavaScript?

La tarea es detectar la versión de Android del usuario con la ayuda de JavaScript.

Aquí se analizan dos enfoques, el primer ejemplo usa RegExp y el segundo usa el método indexOf para buscar la palabra clave ‘android’ .

Nota: Ambos códigos solo funcionarán cuando los ejecute en dispositivos Android.
Enfoque 1: en este enfoque, utilizaremos la propiedad navigator.useragent , que devuelve el valor del encabezado del agente de usuario enviado por el navegador al servidor. Contiene información sobre el nombre, la versión y la plataforma del navegador. Luego, debemos buscar la palabra clave ‘android’ en la string devuelta y obtener el valor en la array temporal (que contiene la versión) para hacerlo, usaremos RegExp . Si la temperatura no es nula, el valor en el índice 0 es la respuesta, de lo contrario no está definido.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Get the Android version of your device.
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
    </script>
    <style>
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        .gfg {
            font-size: 20px;
            font-weight: bold;
        }
          
        #geeks {
            font-size: 24px;
            font-weight: bold;
            color: green;
        }
    </style>
</head>
  
<body>
    <h1> 
      GeeksForGeeks 
    </h1>
    <p class="gfg">
      Click on the button to get the android 
      version of the user.
    </p>
    <button onclick="GFG_Fun()">
        click here
    </button>
    <p id="geeks">
    </p>
    <script>
        var element = document.getElementById("body");
  
        function androidV(ua) {
            ua = (ua || navigator.userAgent).toLowerCase(); 
            var match = ua.match(/android\s([0-9\.]*)/i);
            return match ? match[1] : undefined;
        };
        function GFG_Fun() {            
            $('#geeks').html(androidV());
        }
    </script>
</body>
  
</html>                    

Producción:

Enfoque 2 En este enfoque, utilizaremos la propiedad navigator.useragent , que devuelve el valor del encabezado del agente de usuario enviado por el navegador al servidor. Contiene información sobre el nombre, la versión y la plataforma del navegador. Necesitamos buscar si la palabra clave ‘android’ está presente en la string o no, para hacerlo usaremos indexOf . Si está presente, obtenga la versión que está justo después de la palabra clave ‘android’ usando .slice() e indexOf .

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Get the Android version of your device.
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
    </script>
    <style>
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        .gfg {
            font-size: 20px;
            font-weight: bold;
        }
          
        #geeks {
            font-size: 24px;
            font-weight: bold;
            color: green;
        }
    </style>
</head>
  
<body>
    <h1> 
      GeeksForGeeks 
    </h1>
    <p class="gfg">
      Click on the button to get the android 
      version of the user.
    </p>
    <button onclick="GFG_Fun()">
        click here
    </button>
    <p id="geeks">
    </p>
    <script>
        var element = document.getElementById("body");
  
        function GFG_Fun() {
            var androidV = null;
            var ua = navigator.userAgent;
            if (ua.indexOf("Android") >= 0) {
                androidV = parseFloat(ua.slice(ua.indexOf("Android") + 8));
            }
            $('#geeks').html(androidV);
        }
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta