Clicky

Jump to content
  • Sign Up
Sign in to follow this  
Followers 0
wgt

direcionar site para versão mobile

By wgt, in Design & Development

Recommended Posts

wgt   

wgt
Posted

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.

Share this post

Link to post
Share on other sites

Michael   

Michael
Posted

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>

WEBDESIGNER

Share this post

Link to post
Share on other sites

wgt
  • Autor do tópico
    •   

    wgt
    Posted

     

    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.

    Share this post

    Link to post
    Share on other sites

    Michael   

    Michael
    Posted

    @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.

    WEBDESIGNER

    Share this post

    Link to post
    Share on other sites

    Anger   

    Anger
    Posted

    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]

     

    ;)

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

    Share this post

    Link to post
    Share on other sites

    RobertSP   

    RobertSP
    Posted

    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);
}

    Share this post

    Link to post
    Share on other sites

    Pedro Sodre   

    Pedro Sodre
    Posted

    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.

    Recomendo: MobaXterm

    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  
    Followers 0
    Go To Topic Listing

    • Recently Browsing   0 members

      No registered users viewing this page.




    ×
    ×
    • Create New...