direcionar site para versão mobile

wgt · Janeiro 25, 2015

Ola pessoal!

tenho um site em html baixado no w3lauylt.

Baixei a versão mobile, estou com dificuldade para direcionar o site para a versão mobile.

alguém aí passou por isto?

há um script para a função?

na net as que encontrei fustraram todas.

valeu.

RobertSP · Janeiro 25, 2015

Eu utilizo há um bom tempo o (http://mobiledetect.net) e tem me atendido muito bem!

wgt · Janeiro 25, 2015

Eu utilizo há um bom tempo o (http://mobiledetect.net) e tem me atendido muito bem!

ola Robert, qual o procedimento você fez?

colocou na pasta publichtml ?

Michael · Janeiro 26, 2015

você pode colocar esse código dentro do <head></head> do site, não se esqueça de colocar o link da versão mobile dentro da variável url_mobile = 'http://m.seusite.com.br';

esse código vai identificar se está sendo acessado pelo celular e vai redirecionar..

<script type=”text/javascript”>
var url_mobile = ‘http://m.seusite.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>

wgt · Janeiro 26, 2015

você pode colocar esse código dentro do <head></head> do site, não se esqueça de colocar o link da versão mobile dentro da variável url_mobile = 'http://m.seusite.com.br';

esse código vai identificar se está sendo acessado pelo celular e vai redirecionar..

<script type=”text/javascript”>
var url_mobile = ‘http://m.seusite.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>

Olá Amigo!

Coloquei na vesrão do site normal e não direcionou no meu smartphone. é isto mesmo ou devo colocar na versão mobile/

OBS: Alterei o link e coloquei o subdominio onde está a versão mobile.

Não Direcionou não.

Michael · Janeiro 26, 2015

@wgt estranho cara aqui funciona normalmente, tenta o seguinte então:

<script type="text/javascript">
if(screen.width < 700){
   location.href="link da versão mobile";
}</script>

no caso ele vai redirecionar para versão mobile ao identificar a tela do tamanho de um smartphone ou menor, não é eficiente como a outra mas é outra opção válida.

Anger · Janeiro 26, 2015

Ola pessoal!

tenho um site em html baixado no w3lauylt.

Baixei a versão mobile, estou com dificuldade para direcionar o site para a versão mobile.

alguém aí passou por isto?

há um script para a função?

na net as que encontrei fustraram todas.

valeu.

Após colocar o conteúdo do seu site em um subdomínio (recomendo m.seusite.com.br)

Acesse seu .htaccess e coloque estas linhas:

RewriteCond %{HTTP_USER_AGENT} "ipod|iphone|ipad|android|palma" [NC]

RewriteRule (.*) http://m.seusite.com.br/[R=301,L]

;)

RobertSP · Janeiro 27, 2015

ola Robert, qual o procedimento você fez?

colocou na pasta publichtml ?

Sim mas não utilize JS, vá de php ou htaccess

O meu eu personalizei mas o código está no próprio site, só adaptar.. ex:

if($detect->isMobile()){
    header('http://m.meusite.com', true, 301);
}

Pedro Sodre · Janeiro 28, 2015

Após colocar o conteúdo do seu site em um subdomínio (recomendo m.seusite.com.br)

Acesse seu .htaccess e coloque estas linhas:

RewriteCond %{HTTP_USER_AGENT} "ipod|iphone|ipad|android|palma" [NC]

RewriteRule (.*) http://m.seusite.com.br/[R=301,L]

;)

O processo mais recomendado é o do Anger. Mas eu daria preferência a um site responsivo.

Joel Emanoel · Janeiro 30, 2015

A melhor solução é o PHP, procura no Google tem API, a do Anger é uma boa mas ainda tem sistemas como Firefox OS, BlackBerry, entre outros.

Entrar

direcionar site para versão mobile

Posts Recomendados

wgt

RobertSP

wgt

Michael

wgt

Michael

Anger

RobertSP

Pedro Sodre

Joel Emanoel

Participe da conversa

Quem Está Navegando 0 membros estão online

Tópicos recentes

Browse

Informação Importante