quinta-feira, 29 de outubro de 2015

Detectando browser mobile com javascript

Olá galera, nesse post vamos detectar quando estivermos acessando em um dispositivo mobile através de uma função javascript, é um código simples e muito fácil de ser entendido. Em fóruns muitas pessoas sempre procuram e discutem sobre isso, então achei legal falar sobre esse tópico.

Primeiramente vou colocar o código abaixo, e explicar como funciona, vamos lá.

function isMobile()
{
var userAgent = navigator.userAgent.toLowerCase();
if( userAgent.search(/(android|ios|blackberry|fone|hiptop|mini|mobi|palm|phone|tablet|up\.browser|up\.link|webos|wos)/i)!= -1 )
return true;
}

Criamos uma função e nossa variável userAgent recebe o objeto navigator e converte todas as string em minúsculo. Com isso criamos um If e dentro fazemos a procura (userAgent.search) dos tipos de dispositivos mobile para pesquisar. Caso encontre algum dos nomes colocados dentro da condição ele retorna true, mas para isso o ideal é testar esse código no seu celular.

Podemos criar um else se não for um dispositivo mobile:

else  document.write("Não é mobile");

Isso é muito usado, caso não queira que algum script, elemento da sua página, não carregue no mobile.

Até a próxima galera.

Nenhum comentário:

Postar um comentário