Autor Tema: Cómo saber el navegador que se está usando Javascript código ejemplo CU01170E  (Leído 2124 veces)

Pepote21

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 92
    • Ver Perfil
Hola a todos. Aquí dejo mis códigos correspondientes al ejercicio CU01170E del curso práctico de desarrollo web con JavaScript de esta web. Gracias. Un saludo.

Apartado a)

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            function navegador(){
                var objetoNav=window.navigator.userAgent;
var pattern1=/Chrome/;
var pattern2=/Safari/;
var pattern3=/Opera/;
var pattern4=/Firefox/;
var pattern5=/MSIE/;
var msg='Estás usando: ';
                if(pattern1.test(objetoNav)){
    msg=msg+' Google Chrome';
}else if(pattern2.test(objetoNav)){
    msg=msg+' Apple Safari';
}else if(pattern3.test(objetoNav)){
    msg=msg+' Opera';
}else if(pattern4.test(objetoNav)){
   msg=msg+' Mozilla Firefox';
}else if(pattern5.test(objetoNav)){
    msg=msg+' Microsoft Explorer';
}else{
    msg=msg+' un navegador diferente';
}
                alert(msg);
            }
            window.onload = function(){
    navegador();
            }


        </script>
    </head>
    <body>
    <h1>DETECTAR NAVEGADOR CON JAVASCRIPT</h1>
    <div id="navegador" ></div>
       
    </body>
</html>


Apartado b)

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript"> 
            function navegador(){
                var objetoNav=window.navigator.userAgent;
var navegador;
if(objetoNav.indexOf('Chrome')!=-1){
    navegador='Google Chrome';
} else if(objetoNav.indexOf('Safari')!=-1){
    navegador='Apple Safari';
} else if(objetoNav.indexOf('Opera')!=-1){
    navegador='Opera';
} else if(objetoNav.indexOf('Firefox')!=-1){
    navegador='Mozilla Firefox';
} else if(objetoNav.indexOf('Explorer')!=-1){
    navegador='Microsoft Explorer';
} else if(objetoNav.indexOf('Edge')!=-1){
    navegador='Microsoft Edge';
} else{
    navegador='Desconocido';
                }
var browser = document.getElementById("navegador");
browser.innerHTML='Estás usando ' +navegador;
            }
            window.onload = function(){
    navegador();
            } 
        </script>
    </head>
    <body>
    <h1>DETECTAR NAVEGADOR CON JAVASCRIPT</h1>
    <div id="navegador" ></div>
       
    </body>
</html>

« Última modificación: 23 de Julio 2017, 22:58 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Pepote21, todo correcto

Recomendar que no se dejen etiquetas vacías como

        <style type="text/css">
           
        </style>

Salu2

 

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".