Detectar navegador con jQuery

Obtén una cuenta de @zoneartcss.com gratuita

Ver correo

Abr 20

detectar_navegador_jquery

Hace poco me vi en la “necesidad” ya que me necesitaban “ocultar” determinado contenido para usuarios con Opera de navegador, y pues preguntando a los grandes que si saben jQuery jeje, me recomendaron esta solucion….
Detectar navegador con jQuery

¿Qué hace el script?

- Comprueba primero si el fichero de las css de cada navegador existe, si no existe, el script no se ejecuta, eto sirve para que el script no compruebe el navegador ni la versión del usuario.

Para que hacer todo esto?

Rapidez en la ejecución del script, es decir, solo añadirá la hoja de estilos que tengamos en el directorio /css/browsers/.

- Detecta el navegador Internet Explorer 8.0

Script para comprobar rutas de ficheros físicos:

function file_exists (url) {
    var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
    if (!req) {throw new Error('XMLHttpRequest not supported');}
    req.open('HEAD', url, false);
    req.send(null);
    if (req.status == 200){
        return true;
    }
    return false;
}

Una vez el script detecta el navegador que estamos utilizando pasaremos los condicionales para escribir una ruta de css u otra:

if ($.browser.chrome) {
	document.write("<link rel='stylesheet' type='text/css' href='css/browsers/chrome.css'>");
	}else if ($.browser.msie){
   		if ($.browser.version>=7){
	  document.write("<link rel='stylesheet' type='text/css' href='css/browsers/ie7.css'>");
   		}else{
	  		document.write("<link rel='stylesheet' type='text/css' href='css/browsers/ie6.css'>");
   		}
	}else if ($.browser.safari) {
    document.write("<link rel='stylesheet' type='text/css' href='css/browsers/safari.css'>");
	}else if ($.browser.opera) {
    document.write("<link rel='stylesheet' type='text/css' href='css/browsers/opera.css'>");
	}else if ($.browser.mozilla) {
    document.write("<link rel='stylesheet' type='text/css' href='css/browsers/firefox.css'>");
	}