Inicia sesión




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, jаvascript 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

Te sugiero seguir leyendo...


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-12-19
  • Categorias: Noticias Tutorial Google Chrome Diseño Web javascript jQuery webmasters Firefox Internet

Cómo utilizar JavaScript para detectar el navegador
Cómo utilizar JavaScript para detectar el navegador Cómo utilizar JavaScript para detectar el navegador...
Tutoriales en linea




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Cómo restablecer Windows 10 o reinstalar automáticamente el sistema operativo

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-03
  • Categorias: Microsoft Windows Software Ordenador Noticias Tutorial

Herramientas SEO para posicionamiento de nuestra web

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-03
  • Categorias: Diseño Web Schema.org WebSite webmasters Marketing SEO Herramientas Noticias Tutorial

RESEÑA SOBRE GO4REX: BENEFÍCIESE DE INFINITAS OPORTUNIDADES

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-03
  • Categorias: Forex Post Patrocinados Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-07-26
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Curso de CSS avanzado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-07-26
  • Categorias: Diseño Web CSS3 html5 Html Cursos Noticias Tutorial

Curso Revit Online de Cero a Avanzado de Espacio BIM

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-07-24
  • Categorias: Cursos Noticias Tutorial