Visual Dicas

sexta-feira, 9 de dezembro de 2016

Visual Dicas

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

Posted: 08 Dec 2016 04:19 PM PST

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.

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.

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.