jQuery - Como Identificar e Direcionar site para Celular ou Computador

Olá pessoal estou um pouco sumido e ainda não terminei de configurar nosso blog, mais  hoje irei postar demonstrar  um exemplo simples de como identificar o tipo de aparelho que o usuário está utilizando se é um computador ou celular , em seguida direcionar o mesmo para página ou apresentar algum tipo de mensagem.  Devido ao fato de vários usuários me questionarem no facebook de como faze-lo então vamos lá faremos utilizando jQuery e depois criarei outro post ensinando fazer em PHP que também é muito simples.

1º Exemplo - Neste iremos identificar e mostrar apenas mensagem de alerta



<script type="text/javascript">
jQuery(document).ready(function($){
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
 
    if (agentID) {
         alert('você está utilizando um celular');
    } else {
  alert('você está em um computador');
  }
});
</script>

2º Exemplo - Neste iremos direcionar para alguma página
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);

    if (agentID) {
  location="index-mobile.php";

    } else {
               location="index.php";
  }
});
</script>


3º Exemplo - Neste mudaremos a configuração de um menu de acordo com  seu ponto de acesso.








É isso aí pessoal espero ter ajudado de certa forma, não esqueçam de comentar e compartilhar nosso blog aí pros amigos e novamente obrigado e até a próxima.

Abraço!!!

Comentários