PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

08/12/2016

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet).

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Identificando dispositivo do usuário

Hoje é dia é importante ter um site que se adapte em dispositivos móveis com telas menores. Sendo assim, você deverá desenvolver um website responsivo (leia: W3.CSS o framework que você precisa conhecer!) ou criar uma versão mobile apenas para rodar nestes dispositivos. 

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Nem sempre layouts responsivos são adequados para o que se deseja desenvolver na web. Muitas vezes precisamos ter um site com um layout mais elaborado para uso no desktop e um mais simples para dispositivos móveis, o que as vezes não conseguimos com um modelo responsivo.

Um exemplo clássico é o site www.blogolista.com que quando encontra um dispositivo móvel é redirecionado para o link www.blogolista.com/mobile.

Nesta postagem, indicaremos 2 artigos do Portal Visual Dicas para você identificar se o seu website está sendo acessado em um computador (desktop / notebook) ou em um dispositivo móvel (smartphone / tablet). A partir destas definições você poderá criar ações específicas para cada tipo de dispositivo.

Através do tamanho da tela - JavaScript

Acesse o link: Identificar se é dispositivo móvel através do tamanho da tela

Neste artigo do Portal Visual Dicas, você encontrará 2 formas para identificar o dispositivo utilizado pelo usuário, e assim, redirecioná-lo para um endereço de uma página feita para a versão mobile.

Os códigos apresentados fazem a identificação através do tamanho da tela ou pelo tamanho da janela do dispositivo que o usuário estiver usando.

Você poderá escolher um dos códigos em JavaScript e adicioná-lo na sua página index. Assim, se o usuário estiver utilizando um dispositivo como um smartphone ou tablet, o site será redirecionado para uma página específica para mobile.

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Através da identificação do aparelho móvel - PHP

Acesse o link: Identificar se o dispositivo é móvel - php

Neste caso, a identificação será realizada pelo tipo do aparelho utilizado, tanto para diferenciar ações que devem ser feitas para o PC ou para dispositivos móveis, como também, para diferenciar ações para cada tipo sistema operacional móvel, como: iPhone, iPad, Adroid, webOS, Blackbarry, iPod, Symbiam ou Windows Phone.

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Este método utiliza a variável PHP $_SERVER['HTTP_USER_AGENT'] que lê informações do dispositivo do usuário, como sistema operacional, navegador, etc.

Identificar se o dispositivo do usuário do seu site é móvel (smartphone ou tablet). - Visual Dicas

Leia o artigo para saber como utilizar este método de identificação : Identificar se o dispositivo é móvel - php

byALF

1 comentários:

baixaki disse...

Estou querendo fazer um site usando web responsive, mas gostaria de que quando o site for visualizado por dispositivos mobile, o usuário ter a opção de abrir o site clássico. Alguém sabe se eu consigo fazer isso usando o web responsive?
Ótimo artigo.

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics