Tableless

Busca Menu

Detectando navegadores com Bowser

Seja o primeiro a comentar por

Uma ajuda para detectar e dar suporte a diferentes navegadores

O Bowser

Em muitos projetos, precisamos dar uma atenção especial para alguns navegadores (nosso querido IE, por exemplo). A proposta do Bowser é facilitar a detecção de navegadores e suas versões, minimizando os erros de detecção, e facilitando sua vida.

Mãos à obra

Para começar, você precisa fazer o download do arquivo JavaScript do Bowser no GitHub oficial do projeto, e inclui-lo no seu HTML. Depois, basta fazer suas condicionais utilizando o objeto Javascript Bowser, que contém várias informações sobre seu navegador.

Podemos facilmente detectar se o navegador é IE, na versão menor ou igual a 8, como a seguir:

if (bowser.msie && bowser.version <= 8) {
  alert('Atualize seu browser!');
};

Ou você pode detectar a engine do navegador:

if (bowser.webkit) {
  alert('A engine do seu navegador é Webkit!');
};

E também pode fazer um tratamento específico pra mobile:

if (bowser.mobile && bowser.ios) {
  alert('Você está num dispositivo mobile da Apple!');
};

Agora você não precisa mais gastar seu tempo escrevendo muitas linhas de JavaScript com regex para todos os lados, tentando detectar navegadores, versões, se é mobile ou desktop… O Bowser te entrega tudo isso.

O projeto está disponível no GitHub.

Publicado no dia