» » Cómo utilizar JavaScript para detectar el navegador

Cómo utilizar JavaScript para detectar el navegador

 Cómo utilizar JavaScript para detectar el navegador
¿No sería agradable si todo nuestro código parecía igual y funcionó igual sin importar qué navegador utilza nuestros usuarios al ver nuestros proyectos o páginas web? Ese es el sueño, ¿verdad? Desafortunadamente, la compatibilidad cruzada entre navegadores no es algo que un sitio puede lograr sin agregar algún código extra.

Hay algunas maneras que usted puede utilizar en el código para compensar los diferentes navegadores. Usted puede utilizar nuestro CSS un  hacks selector de navegador, que es una buena opción, sobre todo si los cambios que necesita para adaptarse a la mayoría son cosméticos y se puede arreglar con CSS. Para obtener más selecciones de navegador dinámico, javascript es realmente un camino válido para ir.

A continuación, encontrará un fragmento de código que puede utilizar para buscar Internet Explorer, Chrome, Firefox, Safari y Opera. La función comprueba estos navegadores y ejecutará cualquier código que inserte dentro de las instrucciones if/else if para cada explorador si el código se ejecuta en cualquiera de los navegadores en cuestión. Utilice el código para añadir dinámicamente clases a su HTML basado en el navegador, para enviar alertas al usuario basadas en el navegador, para activar eventos basados ​​en el navegador.

Continuar leyendo...


El fragmento de código es ligero y sencillo, por lo que incluso los codificadores más principiantes deberían poder añadirlo a sus proyectos. ¡Juegue con él y vea si usted no puede alcanzar esa elusiva compatibilidad cross-browser!

function BrowserDetection() {

 //Check if browser is IE
 if (navigator.userAgent.search("MSIE") >= 0) {
 // insert conditional IE code here
 }
 //Check if browser is Chrome
 else if (navigator.userAgent.search("Chrome") >= 0) {
 // insert conditional Chrome code here
 }
 //Check if browser is Firefox 
 else if (navigator.userAgent.search("Firefox") >= 0) {
 // insert conditional Firefox Code here
 }
 //Check if browser is Safari
 else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
 // insert conditional Safari code here
 }
 //Check if browser is Opera
 else if (navigator.userAgent.search("Opera") >= 0) {
 // insert conditional Opera code here
 }
 }

 

Leer Tambien

Deja un comentario

Información
Atención! Usuarios que están en este grupo no pueden dejar comentarios en la página...Primero debes Registrarse!

Redes Sociales

Cómo publicar videos más largos en tus historias de Instagram

Cómo publicar videos más largos en tus historias de Instagram

Si a veces subes videos a tus historias de Instagram , probablemente te has topado con el límite de 15 segundos. Eso significa que no importa la duración del video que publiques en tu historia, Instagram lo recortará automáticamente a una duración máxima de 15 segundos. Esto es ideal para videos...
Recupera Tus Mensajes O Chats De WhatsApp Borrados

Recupera Tus Mensajes O Chats De WhatsApp Borrados

  Recuperar mensajes y chats borrados de tu aplicación WhatsApp para Android es una tarea que puede resultar  necesaria alguna vez. A menudo, estamos tratando de liberar espacio físico de nuestro dispositivo Android y llegamos incluso a borrar...
Integrar El Boton de Whatsapp En Tu Web

Integrar El Boton de Whatsapp En Tu Web

  De todos es conocido que WhatsApp se ha convertido en una herramienta para compartir fotos y vídeos con tus amigos, familiares y compañeros de trabajo. También cada vez más usado, para compartir enlaces de contenidos de la web y otras aplicaciones móviles. Para ayudar a compartir los contenidos...
Crees que las redes sociales te están haciendo bien o mal

Crees que las redes sociales te están haciendo bien o mal

Las redes sociales te ofrecen una forma única de observar a la gente. Por ejemplo, el lenguaje utilizado en Twitter puede usarse para predecir si alguien está en riesgo de morir de una enfermedad cardíaca. El análisis de las actualizaciones de Facebook muestra que las mujeres son generalmente más...
Crea una imagen para las redes sociales

Crea una imagen para las redes sociales

Aprenda a combinar una foto, texto y material gráfico en Photoshop para su Facebook, Twitter y otras publicaciones en redes sociales. Utilice estas habilidades para crear sus propias imágenes de redes sociales o cualquier diseño que cree en Photoshop. Adobe Photoshop es un editor de gráficos...
Comparte instantáneamente tus fotos y diseños

Comparte instantáneamente tus fotos y diseños

Muestre rápidamente su trabajo a clientes y compañeros de trabajo, o comparta una idea al instante por correo electrónico, texto, redes sociales y más, todo dentro de Adobe Photoshop CC. Nota: Necesitará la última versión de Photoshop CC para usar esta función. Comparte tu trabajo ahoraHaz clic en...