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

Crear el código necesario para realizar esta tarea con la mano no es imposible, pero puede ser difícil. Artículos como el de javascripter.net le indican cómo realizar esta tarea, pero un vistazo al código deben decirle que es una tarea compleja. (Se puede ver la salida 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 este artículo. (Usted puede encontrar el código completo para este ejemplo en el Capítulo 06 carpeta jQuery del código descargable como BrowserDetect.html.)

Información Browser

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

El código comienza con la primera

Cualquier persona que utiliza la aplicación automáticamente tendrá acceso a jQuery, siempre y cuando el navegador puede acceder a Internet. (También puede descargar una copia de jQuery para el acceso local del 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 función con cualquier cosa nueva que jQuery 1.8.3, también debe incluir el enlace a la biblioteca jQuery Migrar como se muestra en el ejemplo.

los La página comienza con un

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 utiliza una

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

Es el momento de mostrar el nombre en la pantalla. Los $ (signo de dólar) es un símbolo especial que se refiere a la librería 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 id del nombre para mantener algo de HTML. Este es un tipo de selector.

Usted tiene ahora una etiqueta específica seleccionada. El código le dice a jQuery para crear un poco de texto, un , 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.

Luego viene una segunda

etiqueta. Éste tiene un atributo id de la versión. La secuencia de comandos de acompañamiento comienza el mismo que antes. Los $ ('p [id = "versión"]'). Html entrada dice jQuery para poner algo de HTML en el

etiquetar con un atributo id de la versión. En este caso, jQuery ofrece lo que usted 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 se puede utilizar 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 a ¿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.