direcionar site para versão mobile

wgt · January 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 · January 25, 2015

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

wgt · January 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 · January 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 · January 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 · January 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 · January 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 · January 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 · January 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 · January 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.

Sign In

direcionar site para versão mobile

Recommended Posts

wgt

RobertSP

wgt

Michael

wgt

Michael

Anger

RobertSP

Pedro Sodre

Joel Emanoel

Join the conversation

Recently Browsing 0 members

Tópicos recentes

Browse

Important Information