En alguna ocasión cuando estamos desarrollando una aplicación web podría darse el caso que necesitemos conocer la identidad del navegador que está utilizando el usuario, esto para validar alguna funcionalidad o para agregar alguna característica adicional dependiendo del navegador.
userAgent es una propiedad de la interfaz navigator, la cual contiene métodos y propiedades relacionadas con la identidad del navegador.
Lo primero será crear un HTML básico para visualizar el resultado del JavaScript, tendrá que ser algo como esto:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>IC</title>
</head>
<body>
<div id="contenedor">
<header>
<div id="titulo">
<h1>DETECTAR NAVEGADOR CON JAVASCRIPT</h1>
</div>
</header>
<section id="main">
<div id="navegador"></div>
</section>
</div>
</body>
</html>
Una vez que ya está el html agregamos el javascript justo antes del cierre de la etiqueta body.
<script>
function navegador(){
var agente = window.navigator.userAgent;
var navegadores = ["Chrome", "Firefox", "Safari", "Opera", "Trident", "MSIE", "Edge"];
for(var i in navegadores){
if(agente.indexOf( navegadores[i]) != -1 ){
return navegadores[i];
}
}
}
var browser = document.getElementById("navegador");
window.onload = function(){
browser.innerHTML = "El navegador es: "+ navegador();
}
// alert(window.navigator.userAgent);
</script>
Su navegador es: . Mostrar en un alert:
• Validación de formularios usando características de HTML5
• Método para insertar registros en MySQL usando PHP
• Obtener datos desde MySQL y mostrar el resultado en una tabla
• Los colores y sus códigos RGB
• Cómo evitar los comentarios spam
• Creando un login simple con jquery, php y mysql
• Conversor de Medidas Online
• Visualizar datos en una tabla parte II: Aplicando estilo css
• Un ejemplo de ABM usando Ajax - PHP - MySQL
• Usando jquery para modificar elementos del HTML
• Usar PDO para conectarse a MYSQL
• Cómo detectar el navegador usando JavaScript
• Cómo desarmar un notebook HP Compaq Presario C700
• Proyecto Intranet: Ordenes de servicio y ventas
• Michelles Jaque
• Beatriz Cabrera Zapata
• Mini Poesías - Constanza Gonzales
• Sobre las decisiones - Constanza Gonzales
• Enviar correos usando un formulario desde sitio web o localhost con PHPMailer
• Cómo crear un cuadro de búsqueda al estilo Google
• Sistema de LogIn con verificación de email y recuperación de contraseña usando PHP
• Demostración Jquery UI Selectable usando php y bases de datos mysql
• Subir, insertar, actualizar, borrar imágenes con PHP y MySQL
• Calculadora IMC usando JavaScript
• Select Dependientes con Ajax MySQL PHP
• Expresiones regulares en PHP
• Cómo convertir datos MySQL en formato JSON en PHP
• Visualizar datos en una tabla html con mysqli
• Siembras: Aplicación en Laravel 5.5