ES6 - Navegadores
Es importante comprender las diferencias entre los diferentes navegadores para poder manejar cada uno de la forma esperada. Por lo tanto, es importante saber en qué navegador se está ejecutando su página web. Para obtener información sobre el navegador en el que se está ejecutando actualmente su página web, utilice el objeto navegador integrado.
Propiedades del navegador
Hay varias propiedades relacionadas con Navigator que puede utilizar en su página web. La siguiente es una lista de los nombres y su descripción.
No Señor | Descripción de propiedad |
---|---|
1 | appCodeName Esta propiedad es una cadena que contiene el nombre de código del navegador, Netscape para Netscape y Microsoft Internet Explorer para Internet Explorer. |
2 | appVersion Esta propiedad es una cadena que contiene la versión del navegador, así como otra información útil como su idioma y compatibilidad. |
3 | language Esta propiedad contiene la abreviatura de dos letras del idioma que utiliza el navegador. Solo Netscape. |
4 | mimTypes[] Esta propiedad es una matriz que contiene todos los tipos MIME admitidos por el cliente. Solo Netscape. |
5 | platform[] Esta propiedad es una cadena que contiene la plataforma para la que se compiló el navegador. "Win32" para sistemas operativos Windows de 32 bits. |
6 | plugins[] Esta propiedad es una matriz que contiene todos los complementos que se han instalado en el cliente. Solo Netscape. |
7 | userAgent[] Esta propiedad es una cadena que contiene el nombre del código y la versión del navegador. Este valor se envía al servidor de origen para identificar al cliente. |
Métodos de navegador
Hay varios métodos específicos de Navigator. Aquí hay una lista de sus nombres y descripciones.
No Señor | Métodos y descripción |
---|---|
1 | javaEnabled() Este método determina si JavaScript está habilitado en el cliente. Si JavaScript está habilitado, este método devuelve verdadero; de lo contrario, devuelve falso. |
2 | plugings.refresh Este método hace que los complementos recién instalados estén disponibles y llena la matriz de complementos con todos los nombres de complementos nuevos. Solo Netscape |
3 | preference(name,value) Este método permite que un script firmado obtenga y configure algunas preferencias de Netscape. Si se omite el segundo parámetro, este método devolverá el valor de la preferencia especificada; de lo contrario, establece el valor. Solo Netscape |
4 | taintEnabled() Este método devuelve verdadero si la contaminación de datos está habilitada; falso de lo contrario |
Detección del navegador
El siguiente código JavaScript se puede utilizar para averiguar el nombre de un navegador y, en consecuencia, se puede entregar una página HTML al usuario.
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
// Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
// Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//
-->
</script>
</body>
</html>
La siguiente salida se muestra en la ejecución exitosa del código anterior.
Mozilla based browser
Browser version info : 5.0
(Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, como Gecko) Chrome / 41.0.2272.101 Safari / 537.36