Autor Tema: Saber qué navegador está usando el usuario usando JavaScript userAgent CU01170E  (Leído 2880 veces)

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
No pensaba yo que userAgent devolviera ese tipos de datos, yo pensaba que sería más específico según el navegador que se usara.

Adjunto los ejercicios de estetema

Citar
Usando la propiedad userAgent de los objetos Navigator, determina el navegador que está usando el usuario y muestra un mensaje por pantalla informando de ello. El resultado debe ser del tipo: <<Estás usando: nombreNavegador>>, donde nombreNavegador será Google Chrome, Apple Safari, Opera, Mozilla Firefox, Microsoft Internet Explorer ó Desconocido. Resuélvelo de dos maneras distintas:

a) Usando expresiones regulares.


Código: [Seleccionar]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script>
window.onload=function(){
    var navegador = window.navigator.userAgent;
    var msg = "El navegador en uso es : ";
    var navegadorMozilla = /Firefox/;
    var navegadorOpera = /Opera/;
    var navegadorSafari = /Safari/;
    var navegadorChrome = /Chrome/;
    var navegadorIE = /Trident/;
    if (navegadorMozilla.test(navegador)){
        msg += 'Mozilla';
    }else if (navegadorOpera.test(navegador)){
        msg += 'Opera';
    }else if (navegadorSafari.test(navegador) && navegadorChrome.test(navegador)){
        msg += 'Google Chrome';
     }else if (navegadorSafari.test(navegador) && !navegadorChrome.test(navegador)){
        msg += 'Safari';
    }else if (navegadorIE.test(navegador)){
        msg += 'Internet Explorer';
    }else{
        msg += 'Desconocido';
    }
    alert (msg);
}   
</script>
<body>
   
</body>
</html>


Citar
b) Usando el método indexOf de los objetos tipo String de JavaScript.


Código: [Seleccionar]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script>
window.onload=function(){
    var navegador = window.navigator.userAgent;
    var msg = "El navegador en uso es : ";
    /*var navegadorMozilla = /Firefox/;
    var navegadorOpera = /Opera/;
    var navegadorSafari = /Safari/;
    var navegadorChrome = /Chrome/;
    var navegadorIE = /Trident/;*/
   if(navegador.indexOf('Firefox')!=-1){
msg += 'Mozilla Firefox.';
}else if(navegador.indexOf('Safari')!=-1 && navegador.indexOf('Chrome')==-1){
msg += 'Apple Safari.';
                }else if(navegador.indexOf('Safari')!=-1 && navegador.indexOf('Chrome')!=-1){
msg += 'Google Chrome.';
                }else if(navegador.indexOf('Opera')!=-1){
                    msg += 'Opera';
}else if(navegador.indexOf('Trident')!=-1){
msg += 'Internet Explorer.';
}else{
msg += 'Desconocido';
}
    alert (msg);
}   
</script>
<body>
   
</body>
</html>

Saludos
« Última modificación: 22 de Junio 2018, 19:37 por Ogramar »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Hola! Todo bien, a seguir

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".