-
Cómo comprobar tipo de explorador en JavaScript
-
JavaScript es un lenguaje de script del lado del cliente que puede ser usado para alterar y analizar muchos aspectos de la sesión de un visitante. JavaScript se puede utilizar para establecer y recuperar cookies, detectar el sistema operativo del usuario y comprobar el tipo de navegador del usuario. La información recuperada utilizando estos métodos se puede utilizar para ofrecer interfaces de usuario-visitantes específica, personalizar los mensajes e interactuar con los usuarios individuales en función de su configuración única. Por ejemplo, la información sobre la configuración del navegador web del usuario se incluye en un objeto JavaScript con el nombre del objeto "navegador".Instrucciones
1 Abra un editor de texto y crear un nuevo archivo con el nombre browserCheck.html. Añadir las siguientes etiquetas HTML para el archivo: un proceso abierto "<html>" etiqueta, una etiqueta abierta "<head>", un "</ head>" etiqueta de cierre, un "<body>" etiqueta abierta, un cierre "< body> "etiqueta y un cierre" / etiqueta </ html> ".
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Añadir una etiqueta HTML "<div>" etiqueta para el archivo entre el "<body>" y "</ body>" etiquetas. Este elemento <div> mostrará el tipo de navegador después de la detección. Dar el elemento <div> el id "browserDisplay" y cerrar la etiqueta "</ div>".
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
</ Body>
</ Html>
3 Añadir un "<script>" tag Javascript y JavaScript etiqueta "</ script>" después de la "</ div> etiqueta de cierre. Establecer valor de tipo de la secuencia de comandos para" text / javascript ".
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
</ Script>
</ Body>
</ Html>
4 Declarar una variable llamada userAgentVar dentro de los "<script>" y "<script />" etiquetas y asignar la variable el valor navigator.userAgent. Una vez asignado, la variable userAgentVar contiene valores que incluyen el nombre del navegador.
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
userAgentVar = navigator.userAgent;
</ Script>
</ Body>
</ Html>
5 Utilice una sentencia condicional JavaScript para comprobar si la cadena "Firefox" en la variable userAgentVar. La función de JavaScript indexOf () devuelve un valor "-1" si no se encuentra la cadena. Si la función indexOf () indica la cadena "Firefox" se encontró en userAgentVar, establecer una variable denominada "browserText" al texto "Este navegador es Firefox."
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
userAgentVar = navigator.userAgent;
si (userAgentVar.indexOf ( "Firefox")! = "-1")
browserText = "Este es el navegador Firefox.";
</ Script>
</ Body>
</ Html>
6 Utilice una segunda sentencia condicional JavaScript para comprobar si la cadena "MSIE" en la variable userAgentVar. La función de JavaScript indexOf () devuelve un valor "-1" si no se encuentra la cadena. Si la función indexOf () indica la cadena "MSIE" se encontró en userAgentVar, establecer una variable denominada "browserText" al texto "Este navegador es Microsoft Internet Explorer".
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
userAgentVar = navigator.userAgent;
si (userAgentVar.indexOf ( "Firefox")! = "-1")
browserText = "Este es el navegador Firefox.";
si (userAgentVar.indexOf ( "MSIE")! = "-1")
browserText = "Este es el navegador Microsoft Internet Explorer.";
</ Script>
</ Body>
</ Html>
7 Utilizar una tercera sentencia condicional JavaScript para comprobar si la cadena "Safari" en la variable userAgentVar. La función de JavaScript indexOf () devuelve un valor "-1" si no se encuentra la cadena. Si la función indexOf () indica la cadena "Safari" se encontró en userAgentVar, establecer una variable denominada "browserText" al texto "Este es el navegador Safari."
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
userAgentVar = navigator.userAgent;
si (userAgentVar.indexOf ( "Firefox")! = "-1")
browserText = "Este es el navegador Firefox.";
si (userAgentVar.indexOf ( "MSIE")! = "-1")
browserText = "Este es el navegador Microsoft Internet Explorer.";
si (userAgentVar.indexOf ( "Safari")! = "-1")
browserText = "Este es el navegador Safari.";
</ Script>
</ Body>
</ Html>
8 Utilice la función document.getElementById JavaScript para establecer el valor browserDisplay <div> 's innerHTML al valor de la variable browserText.
<Html>
<Head> </ head>
<Body>
<Div id = "browserDisplay"> </ div>
<Script type = "text / javascript">
userAgentVar = navigator.userAgent;
si (userAgentVar.indexOf ( "Firefox")! = "-1")
browserText = "Este es el navegador Firefox.";
si (userAgentVar.indexOf ( "MSIE")! = "-1")
browserText = "Este es el navegador Microsoft Internet Explorer.";
si (userAgentVar.indexOf ( "Safari")! = "-1")
browserText = "Este es el navegador Safari.";
document.getElementById ( "browserDisplay") innerHTML = browserText.;
</ Script>
</ Body>
</ Html>
9 browserCheck.html abierta en Firefox, Internet Explorer y Safari. Verificar el mensaje apropiado y el nombre del navegador se escribe en la página Web.
Consejos y advertencias
- El navegador de objetos JavaScript puede ser usado para determinar otros navegadores - por ejemplo, Opera - o para determinar la versión de un navegador.
- El navegador de objetos JavaScript tiene muchas propiedades fundamentales, incluidas la plataforma, el idioma del usuario y si o no las cookies están habilitadas.
- La mayoría de los objetos del navegador tienen etiquetas HTML correspondientes.
- La inicialización de una variable a un valor nulo o por defecto le ayudará en caso de que ningún valor es en última instancia escrita a la variable.
- Debido navigator.userAgent se suele utilizar para detectar los navegadores, algunos navegadores menos comúnmente utilizadas pueden identificarse erróneamente con este valor.
