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.

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 Setembro 16, 2015 em 17:04 Set 16, 2015 por Yves Cleuder

A melhor opção é usar media query (CSS), e fazer com que o site seja responsivo.

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.

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.

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>