Video: Tutorial jQuery 20: Detectar las características del navegador

En la mayoría de los casos, los desarrolladores no pueden elegir el navegador de un usuario. Para determinar si un determinado usuario puede trabajar con su aplicación CSS 3, a continuación, es necesario en primer lugar para detectar el navegador del usuario - y luego determinar si ese navegador es aceptable.

Crear el código necesario para realizar esta tarea a mano no es imposible, pero puede ser difícil. Artículos como el de javascripter.net decirle cómo realizar esta tarea, pero un vistazo al código que debe decir que es una tarea compleja. (Se puede ver el resultado de este código de ejemplo aquí.)

jQuery hace que sea posible llevar a cabo la detección con relativa facilidad. El siguiente ejemplo muestra un método para detectar el nombre y la versión del navegador del usuario. Se basa en el último 1.x versión de jQuery, que es la versión 1.10.1 en el momento de escribir estas líneas. (Puede encontrar el código completo para este ejemplo en la carpeta Capítulo 06jQuery de la código descargable como BrowserDetect.html.)

Información del navegador

Esta es una página de HTML 5, por lo que comienza con la declaración de HTML, . Este ejemplo comienza con una estructura básica que incluye el , ,

El código comienza con el primer

Cualquier persona que utiliza la aplicación tendrá acceso automático a jQuery, siempre que el navegador puede acceder a Internet. (También puede descargar una copia de jQuery para el acceso local desde el sitio de jQuery).

El último 1.x versión de jQuery no es compatible con la función de detección del navegador directamente. Con el fin de hacer el trabajo de características con nada más nuevo que jQuery 1.8.3, también debe incluir el enlace de la Migrar librería jQuery como se muestra en el ejemplo.

los La página comienza con una

la etiqueta que contiene el encabezado de la página. El siguiente paso es el de proporcionar un lugar para jQuery para poner el nombre del navegador.

En este caso, el ejemplo se utiliza una

etiqueta (párrafo) que tiene un identificador de nombre. El primero

Es hora de mostrar el nombre en la pantalla. El $ (signo de dólar) es un símbolo especial que hace referencia a la biblioteca jQuery, que también se llama una interfaz de programación de aplicaciones (API). El bit de código que dice, $ ( ‘p [id =” nombre”]’). Html, dice jQuery para usar el

etiqueta con un valor Identificación del nombre para mantener algo de HTML. Se trata de un tipo de selector.

Ahora tiene una etiqueta específica seleccionada. El código le dice a jQuery para crear un texto, una , y luego colocar el nombre del navegador dentro de ese lapso. Toda esta información aparece en la

etiqueta después de que el script se ejecuta.

A continuación viene una segunda

etiqueta. Éste tiene un atributo id de la versión. El guión de acompañamiento empieza igual que antes. El $ ( ‘p [id =” versión”]’). Html entrada dice jQuery para colocar un poco de HTML en el

Video: Curso de CSS Completo y Adaptable (ADR Formación)

etiquetar con un atributo id de versión. En este caso, jQuery ofrece lo que necesita como una propiedad. Todo el código tiene que hacer es decirle a jQuery para colocar el valor en browser.version dentro del

etiqueta para mostrar el número de versión del navegador. Al ejecutar este ejemplo, se ve una salida similar a la siguiente:

Una biblioteca puede detectar sólo los navegadores que está diseñado para detectar. En consecuencia, jQuery detecta algunos navegadores, pero no en otros. Por ejemplo, actualmente no puede utilizarlo para detectar un navegador de Android, porque Android no está en la lista de los navegadores admitidos por jQuery (que se centra en los navegadores de escritorio).

La mayoría de los métodos de detección del navegador se basan en cadenas de agente de usuario que contienen información sobre el navegador. Para ver la cadena de agente de usuario de su navegador, echa un vistazo ¿Cuál es mi agente de usuario?. En general, usted puede encontrar una lista de cadenas de agente de usuario para dispositivos en línea.