Detección de browsers

Kaopectate · #1 (**permalink**) 29/01/2003, 09:37

Hola a todos.

Necesito que por favor prueben el siguiente script en distintos navegadores y me copien literalmente el resultado reportado (usando el viejo truco del cut & paste).

Código PHP:

  <html> 
 <head> 
  <script LANGUAGE="JavaScript"> 
 
   function getBrowserType(){ 
    var sUserAgent; 
    var sMajor; 
    sUserAgent   = "<b>userAgent: </b>" + navigator.userAgent.toLowerCase(); 
    sMajor       = "<b>appVersion: </b>" + navigator.appVersion.toLowerCase(); 
    return sUserAgent + "<br>" + sMajor; 
   } 
 
  </script> 
  <title></title> 
 </head> 
 <body> 
  <script language="JavaScript"> 
   document.writeln(getBrowserType()); 
  </script> 
 </body> 
</html>

Mucho me serviría obtener resultados de los siguientes browsers:
- Internet Explorer 4
- Internet Explorer 5.0
- Internet Explorer 5.5
- Internet Explorer 6

- Netscape 4
- Netscape 6 o 7

- Mozilla cualquier vesión.
- Opera cualquier versión.
- Otros (Lynx, Konkeror, etc.)

Saludos.

Kaopectate · #2 (**permalink**) 29/01/2003, 09:39

Hola Kaopectate.

Con mi Internet Explorer versión 5.00.3315.1000 he obtenido el siguiente resultado.

userAgent: mozilla/4.0 (compatible; msie 5.01; windows nt 5.0)
appVersion: 4.0 (compatible; msie 5.01; windows nt 5.0)

Espero que tal ambiguedad te sirva.

Saludos.

caricatos · #3 (**permalink**) 29/01/2003, 10:08

Hola "jefe":

explorer 6:
userAgent: mozilla/4.0 (compatible; msie 6.0; windows nt 5.1; digext)
appVersion: 4.0 (compatible; msie 6.0; windows nt 5.1; digext)

netscape 7:
userAgent: mozilla/5.0 (windows; u; windows nt 5.1; es-es; rv:1.0.1) gecko/20020823 netscape/7.0
appVersion: 5.0 (windows; es-es)

opera 6.05:
userAgent: mozilla/4.0 (compatible; msie 5.0; windows xp) opera 6.05 [es]
appVersion: 4.0 (compatible; msie 5.0; windows xp)

opera 7:
userAgent: opera/7.0 (windows xp; u) [en]
appVersion: 7.0 (windows xp; u)

... kao:

Hace poco que instalé opera 7, y voy a hacer un informe muy interesante...

¡Acepta innerHTML!

... creo que hay que empezar a hacer distinciones entre las antiguas operas y la nueva (aunque ...)

Saludos

Kaopectate · #4 (**permalink**) 29/01/2003, 10:15

Gracias caricatos.

En cuanto a tu informe de Opera, me parece una idea muy interesante. Por favor básalo, o incluye en él, los objetos JavaScript para justificar ese hilo en nuestro foro.

Saludos.

Kaopectate · #5 (**permalink**) 29/01/2003, 11:45

Hasta ahora en base a lo que ha reportado caricatos tengo lo siguiente:

Código PHP:

  <html> 
 <head> 
  <script LANGUAGE="JavaScript"> 
 
   var sBrowser; 
   var sVersion; 
 
   function setBrowserType(){ 
    var aBrowFull = new Array("opera", "msie", "netscape"); 
    var aBrowAbrv = new Array("op",    "ie",   "ns"      ); 
    var sInfo = navigator.userAgent.toLowerCase();; 
 
    sBrowser = ""; 
    for (var i = 0; i < aBrowFull.length; i++){ 
     if ((sBrowser == "") && (sInfo.indexOf(aBrowFull[i]) != -1)){ 
      sBrowser = aBrowAbrv[i]; 
      sVersion = String(parseFloat(sInfo.substr(sInfo.indexOf(aBrowFull[i]) + aBrowFull[i].length + 1))); 
     } 
    } 
   } 
 
   setBrowserType(); 
 
   function getBrowserName(){ 
    return sBrowser; 
   } 
 
   function getBrowserVersion(){ 
    return sVersion; 
   } 
 
  </script> 
  <title></title> 
 </head> 
 <body> 
  <script language="JavaScript"> 
   document.write("Browser: " + getBrowserName() + "<br>"); 
   document.write("Versión: " + getBrowserVersion() ); 
  </script> 
 </body> 
</html>

Necesito mas data para probar.

Gracias.

Yanix · #6 (**permalink**) 29/01/2003, 13:49

IE 5.5:

userAgent: mozilla/4.0 (compatible; msie 5.5; windows nt 5.0)
appVersion: 4.0 (compatible; msie 5.5; windows nt 5.0)

Con el otro pues ie y la version 5.5

caricatos · #7 (**permalink**) 29/01/2003, 14:21

Hola kao:

No te entiendo... lo de basar lo de opera... abrí mis páginas donde se utiliza el método innerHTML, y funcionaron.

Lo que me parece imposible es conseguir que se vean las páginas de la misma manera en los distintos browsers, pero no sabría justificar nada, sólo es cuestión de verlo.

¡Explícamelo mejor!

Saludos

mikel_gomez · #8 (**permalink**) 29/01/2003, 15:18

Primer ejemplo:

Mozilla 1.3a:
userAgent: mozilla/5.0 (windows; u; windows nt 5.1; en-us; rv:1.3a) gecko/20021212
appVersion: 5.0 (windows; en-us)

Netscape 7:
userAgent: mozilla/5.0 (windows; u; windows nt 5.1; es-es; rv:1.0.1) gecko/20020823 netscape/7.0
appVersion: 5.0 (windows; es-es)

Explorer 6.0:
userAgent: mozilla/4.0 (compatible; msie 6.0; windows nt 5.1; yie6; ycomp 5.0.2.5)
appVersion: 4.0 (compatible; msie 6.0; windows nt 5.1; yie6; ycomp 5.0.2.5)

Opera 6.01:
userAgent: mozilla/4.0 (compatible; msie 5.0; windows xp) opera 6.01 [en]
appVersion: 4.0 (compatible; msie 5.0; windows xp)

Segundo ejemplo

Mozilla 1.3a:
Browser:
Versión: undefined

Netscape 7:
Browser: ns
Versión: 7

Explorer 6.0:
Browser: ie
Versión: 6

Opera 6.01:
Browser: op
Versión: 6.01

Saludos.

Kaopectate · #9 (**permalink**) 29/01/2003, 21:57

En base a todas los reportes obtenidos, la versión del algoritmo sería la siguiente:

Código PHP:

  <html> 
 <head> 
  <script LANGUAGE="JavaScript"> 
 
   var sBrowser; 
   var sVersion; 
 
   function setBrowserType(){ 
    var aBrowFull = new Array("opera", "msie", "netscape", "gecko"); 
    var aBrowVers = new Array("opera", "msie", "netscape", "rv"   ); 
    var aBrowAbrv = new Array("op",    "ie",   "ns",       "mo"   ); 
    var sInfo = navigator.userAgent.toLowerCase();; 
 
    sBrowser = ""; 
    for (var i = 0; i < aBrowFull.length; i++){ 
     if ((sBrowser == "") && (sInfo.indexOf(aBrowFull[i]) != -1)){ 
      sBrowser = aBrowAbrv[i]; 
      sVersion = String(parseFloat(sInfo.substr(sInfo.indexOf(aBrowVers[i]) + aBrowVers[i].length + 1))); 
     } 
    } 
   } 
 
   setBrowserType(); 
 
   function getBrowserName(){ 
    return sBrowser; 
   } 
 
   function getBrowserVersion(){ 
    return sVersion; 
   } 
 
  </script> 
 </head> 
 <body> 
  <script language="JavaScript"> 
   setBrowserType(); 
   document.write("Browser: " + getBrowserName() + "<br>"); 
   document.write("Versión: " + getBrowserVersion() + "<br><br>" ); 
  </script> 
 </body> 
</html>

No debería dar problema con nada de lo hasta ahora reportado. En cuanto tenga noticias de Lynx u otros navegadores, podremos ampliarlo.

Si alguien tiene una crítica, observación o mejora...

Saludos y gracias.

Kaopectate · #10 (**permalink**) 30/01/2003, 11:28

Hola a todos.

El script resultante ha sido incluido en los FAQs como la entrada número 94.

Se siguen esperando reportes de aquellos que dispongan de Konqueror, Lynx u otros browsers.

Gracias.

caricatos · #11 (**permalink**) 30/01/2003, 16:44

Hola kao:

Ya puestos en los browsers, porqué no preparamos el script definitivo para el maldito cursor de la mano...

Yo siempre he usado este script:
var elCursor = (document.all) ? "hand" : "pointer";
y luego:
eltag.style.cursor = elCursor;

Ya que la manita es "hand" en el explorer, pero tengo algo así en un script y en una versión de opera (6.05) no sale, y en la versión 7 sí...

está de más decir que tanto en explorer como en netscape funciona correctamente (creo ¿?)

Saludos

Kaopectate · #12 (**permalink**) 30/01/2003, 19:09

Me parece perfecto.

Si quieres adelántate con una propuesta y lo pulimos hasta publicarlo.

KarlanKas · #13 (**permalink**) 31/01/2003, 03:48

Atenciónnn...

Mi querido Kao. He probado el script con NS 4.7 y no funcionaba. Pero como es una maravilla de script solucionarlo no ha sido problema. Bastaba con añadir la cadena "mozilla" en el array correspondiente y su nombre en los otros dos...

Aquí va mi pequeña aportación a tan gran proyecto.

Siento no estar al tanto de todos estos nuevos proyectos tan interesantes... es uqe me ha pillado una época un poco ajetreada. Entre las abducciones, las pwebs y demás...

Bueno que este no es un talk show como para que empiece a contar mis penas...

Un saludo!!

Ah! El código sería el siguiente:

<html>
<head>
<script LANGUAGE="JavaScript">

var sBrowser;
var sVersion;

function setBrowserType(){
var aBrowFull = new Array("opera", "msie", "netscape", "gecko","mozilla");
var aBrowVers = new Array("opera", "msie", "netscape", "rv","mozilla");
var aBrowAbrv = new Array("op", "ie", "ns", "mo", "ns" );
var sInfo = navigator.userAgent.toLowerCase();;

sBrowser = "";
for (var i = 0; i < aBrowFull.length; i++){
if ((sBrowser == "") && (sInfo.indexOf(aBrowFull[i]) != -1)){
sBrowser = aBrowAbrv[i];
sVersion = String(parseFloat(sInfo.substr(sInfo.indexOf(aBrow Vers[i]) + aBrowVers[i].length + 1)));
}
}
}

setBrowserType();

function getBrowserName(){
return sBrowser;
}

function getBrowserVersion(){
return sVersion;
}

</script>
</head>
<body>
<script language="JavaScript">
setBrowserType();
document.write("Browser: " + getBrowserName() + "<br>");
document.write("Versión: " + getBrowserVersion() + "<br><br>" );
</script>
</body>
</html>

Kaopectate · #14 (**permalink**) 31/01/2003, 07:43

Mi muy abducido señor.

En primer lugar quiero expresarle mi agradecimiento por tan significativo aporte a nuestro cacareado algoritmo. Ya los biógrafos del JavaScript habrán de hacer justicia ante el tamaño y calidad de sus aportes. En lo personal, habré de encargarme de asegurar para usted y su perra, un muy buén espacio en CielosDelWeb para cuando desista de tanta abducción.

Sin embargo, abducido caballero, una profunda duda corroe mis entrañas y amenaza con llenar de inquietud la paz de mis noches:

¿Que diablos responde Netscape 4.07 al navigator.userAgent.toLowerCase()?

Muchísimas gracias.

KarlanKas · #15 (**permalink**) 31/01/2003, 07:51

Mi siempre admirado Kao:

Más o menos lo que sale es esto:

Espero que el visionado de esta imagen te haga ver lo que esta imagen representa.

Recibe un abrazo entre sollozos y lágrimas por el reencuentro tras la abducción.

efuente · #16 (**permalink**) 31/01/2003, 08:30

Respuesta de mi navegador (IE v6.0):

userAgent: mozilla/4.0 (compatible; msie 6.0; windows nt 5.0)
appVersion: 4.0 (compatible; msie 6.0; windows nt 5.0)

caricatos · #17 (**permalink**) 31/01/2003, 10:16

Hola kao (y su pandilla de contestones)

Con respecto a lo del cursor "manita"...
... puse una página de pruebas aquí

Algunas apreciaciones:

explorer 6, admite cursor:pointer...
opera 6.05 solo pone la manita en los tags "a" (si me entero de otro tag donde cuele te aviso... tal vez con el viejo generador lo pueda probar mejor ¿?)
opera 7 también admite hand y pointer, pero ...

... para probar el script generé el estilo de la siguiente manera:
onmouseover=this.style.cursor=_cursor... (se puede ver en el código)...
... luego "deshabilité" el evento con this.onmouseover = ""...
pero el evento no se deshabilita (otra curiosidad)

Espero que a este mini-informe se le pueda sacar provecho...

Saludos

Kaopectate · #18 (**permalink**) 31/01/2003, 23:25

Hola caricatos.

Te he mandado un mp respecto a tu propuesta del algoritmo de la manito. Espero tu respuesta.

KarlanKas, ya he puesto las modificaciones en el FAQ.

Saludos.

dieguicho · #19 (**permalink**) 05/03/2004, 14:16

hola a todos!
el script no funciona con netscape 6.1
osea dice Version: Nan
se podra fixear?

saluditosh!!

aznanpasogui · #20 (**permalink**) 05/05/2012, 05:56

Hola a todos.

Aunque el tema ya he visto que es antiguo, aquí os dejo una función autoejecutada para que la podais incluir en vuestros script. Genera propiedades nuevas en el objeto window (variables globales, vamos) para saber navegador, versión, compatibilidad con mozilla y motor de rendeo. La he probado con IE, Firefox, Chrome, Opera y Safari

Supongo que sobre la misma idea y con expresiones regulares se podría reducir mucho el código... pero no son mi fuerte, la verdad :)

Espero que os sirva

Código Javascript:

Ver original//Definimos las caracteresiticas del navegador
(function(){
    var idx, i;
    var navigators=['msie', 'firefox', 'chrome', 'safari', 'opera'];
    var renderingEngines=['trident', 'applewebkit', 'khtml', 'gecko', 'presto'];
    var str=navigator.userAgent.toLowerCase();
 
    //Inicializamos las propiedades en window
    window.navigatorApplication='unknow';
    window.navigatorVersion=0;
    window.navigatorMozilla=0;
    window.navigatorRE='unknow';
    window.navigatorREVersion='';
 
    //Miramos el navegador
    for (i=0; i<navigators.length; i++){
        idx=str.indexOf(navigators[i]);
        if (idx!=-1){
            window.navigatorApplication=navigators[i];
            //Nos buscamos la versión
            window.navigatorVersion=parseFloat(str.substr(idx + navigators[i].length + 1));
            break;
        };
    };
    
    //Miramos si es compatible mozilla
    idx=str.indexOf('mozilla');
    if (idx!=-1) window.navigatorMozilla=parseFloat(str.substr(idx+8));
    
    //Nos buscamos los motores de render
    for (i=0; i<renderingEngines.length; i++){
        idx=str.indexOf(renderingEngines[i]);
        if (idx!=-1){
            window.navigatorRE=renderingEngines[i];
            //Nos buscamos la versión
            str=str.substr(idx + renderingEngines[i].length + 1);
            idx=str.search(/[;\s]/);
            window.navigatorREVersion=str.substr(0, idx);
            break;
        };
    };
})()
 
alert('Navegador:' + navigatorApplication + ' versión:' + navigatorVersion + 
    '\nCompatible con Mozilla versión:' + window.navigatorMozilla + '\nMotor de render:' + window.navigatorRE + ' (' + window.navigatorREVersion + ')');