Clicky

Jump to content
  • Sign Up
Sign in to follow this  
Arthur Barreto

Adaptação do site mobile

Recommended Posts

 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.

Share this post


Link to post
Share on other 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

Edited by Yves Cleuder

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other 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.

  • Like 1

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

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.




×
×
  • Create New...