Detectar navegador com JavaScript

Quando estamos desenvolvendo uma aplicação web, pode ser que tenhamos que detectar o navegador que o usuário está usando para validar alguma funcionalidade que implementamos e que não funciona com ela ou simplesmente porque queremos habilitar recursos adicionais dependendo de um navegador ou outro.

A melhor coisa para esses casos é usar JavaScript e nos poupar dores de cabeça para detectar o navegador, vamos ver como fazemos isso.

Detectando o navegador

Vamos primeiro criar um HTML simples de incluir nosso JavaScript e verificar nossas validações, conterá o seguinte conteúdo:

 Detectando o navegador do usuário 

Já com nosso código HTML podemos começar a criar nosso código JavaScript que irá dentro das tags do script. Vamos primeiro detectar um dos navegadores mais usados, Google Chrome, para isso usaremos o objeto navegador que contém tudo o que precisamos:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("O navegador usado é o Chrome"); }

Ao executar nosso exemplo em qualquer navegador que não seja Google Chrome Não receberemos a mensagem, porém ao executá-la no navegador mencionado, receberemos a seguinte mensagem:

Já sabemos como detectar Google Chrome, vamos ver como fazer isso por Raposa de fogo:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("O navegador usado é o Firefox"); }

Como podemos ver, o código é bastante semelhante, pois podemos usar o objeto da mesma forma navegador e se percebermos com o -1 detectamos todas as versões dele, vamos ver a resposta do mesmo ao executá-lo em Raposa de fogo:

Também podemos detectar o navegador Ópera, Não é muito utilizado entre os usuários, mas vale a pena saber como fazê-lo igualmente:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("O navegador usado é o Opera"); }

Finalmente, é importante detectar Explorador de internet Por ser um dos navegadores que mais dá problemas no desenvolvimento web, ao nível de estilos, eventos e efeitos, vamos ver como detectá-lo:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("O navegador usado é o Internet Explorer"); }

Executamos no navegador e obteremos a seguinte resposta verificando assim a nossa funcionalidade:

Terminamos assim este tutorial, adicionando trechos de código que nos ajudarão a detectar o navegador do usuário, algo muito útil para aquelas ocasiões em que precisamos validar seu ambiente, seja para solucionar problemas de motor ou habilitar recursos especiais para ele.

Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo