Clicky

Ir para conteúdo

Arthur Barreto

Adaptação do site mobile

Posts Recomendados

 Então, eu quero saber como faço pra ter dois sites em um, um pra desktop e outro mobile, tipo o Facebook que há o m.facebook.com e o facebook.com, ou seja, quando alguém acessa facebook.com pelo celular ele direciona pra versão mobile, quero saber como posso fazer isto, com JavaScript, HTML, PHP, ou alguma outra linguagem... Ficarei bastante grato!

 

Até breve.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não estou lembrado o nome, mas há um script que faz esse redirecionamento.
Ele detecta se você está navegando por mobile ou desktop e faz o redirecionamento de acordo com o caso.

Veja --> http://www.inmotionhosting.com/support/website/redirects/mobile-redirect
Procurei pelas palavras: redirect mobile users to mobile site

Editado por Yves Cleuder

Compartilhar este post


Link para o post
Compartilhar em outros sites

Creio que ele quer fazer igualmente a PagSeguro, a mesma quando você entra no site ela lhe redireciona para um para mobile (http://m.pagseguro.com.br), porém lá em baixo tem a opção de você voltar a tela desktop.. Mas eu acho isso meio que programar 2x, porque além de você ter que fazer o Mobile, terá que por as funções para Mobile também. É o meu ponto de vista. Não sei como funciona o back-end.

Compartilhar este post


Link para o post
Compartilhar em outros sites

As boas práticas mostram que fazer responsivo é melhor, inclusive para os motores de busca, bem como para o social media, mas se a opção (vai saber o motivo) é ter duas versões, é só colocar algo como isso no seu javascript:

window.matchMedia( "(min-width: 500px)" );

É tipo um media query, só que no javascript. Dai através de um if você verifica uma variável que contenha ou esteja dentro desse limite e manda redirecionar para um subdomínio. Testa e ver se resolve seu problema.

  • Gostei! 1

Daniel Bahia - CEO da EMPÍRICO Soluções em TI e Comunicação Digital  | E-mail: contato@empirico.com.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode colocar este script entre o head

 

<script type=”text/javascript”>
var url_mobile = ‘http://m.urldoseusite.com.br’;
(function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,url_mobile);

</script>

 


Ajude o fórum! Antes de postar, leiam as regras de postagem aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Participe da conversa

Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.


  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.



×
×
  • Criar Novo...