[Resolvido] Detectar versão mobile em site HTML

[Priprincesa 0]

Olá pessoal, tudo bem?

 

Acabo de me cadastrar no fórum e, apesar de ter visto uma dúvida parecida com a minha num dos tópicos, não consegui implementar a solução (talvez por eu não ser da área de desenvolvimento) assim, estou tendo muito trabalho com algo um tanto simples para maioria.

Bom, fiz o site da minha cliente há algum tempo em HTML simples: Site VOGLIO e agora criei uma versão Mobile paralela para ele, um único HTML com o conteúdo adaptável, totalmente escalável: Site VOGLIO Mobile.

Preciso colocar para funcionar, para quando dispositivos móveis - celulares e smartphones - com a tela inferior ao tamanho das telas de tablets acessarem o site, automaticamente serem direcionados a versão mobile, tipo o site da "China in box", aparece "/mobile" na frente do endereço quando acessamos de smartphones. Deixei o site para que possam ver o código do mobile, eu o peguei num outro site e o adaptei para minha necessidade.

E então, existe algum script que deva colocar na versão mobile que possa ser interpretado automaticamente pelos dispositivos dos usuários?

 

Desde já agradeço profundamente!

 

Abraços,

[allex_carvalho 124]

Veja esse exemplo: Clique aqui

[Maujor 144]

Você disse que o site é em HTML simples então o link apontado pelo allex_carvalho[/url] não serve.

Você deverá usar JavaScript. Existem vários scripts.

Aqui vai um link do Google para alguns desses scripts.

Veja se algum serve para seu caso.

[Priprincesa 0]

Obrigada pessoal, eu vou tentar aqui essas opções!

 

Abraços,

 

Toma aqui linda

 

http://detectmobilebrowsers.com/'>http://detectmobilebrowsers.com/

 

Basta escolher e utilizar.

 

[]'s

 

 

Entendi. Fiz download do JS e inseri na pasta raiz. Referenciei em todos os arquivos HTML, inserindo no "head" de cada página algo deste tipo "<script type="text/javascript" src="detectmobilebrowser.js"></script>". Porém, isso não deu certo, na verdade, até está detectando o mobile browser nos celulares, mas não leva pra minha página "http://vogliodesign.com/mobile/", e sim pra página do site "http://detectmobilebrowsers.com" com dados sobre o navegador usado...

Sinto estar perto de decifrar o mistério, mas ainda não funcionou. Alguma sugestão? Preciso alterar algo no script que fiz download?

Abraços e obrigada!

[allex_carvalho 124]

Abre é esse link: http://detectmobilebrowser.com/mobile

Se for, é só alterar o link no final do arquivo, aqui: window.opera,'http://detectmobilebrowser.com/mobile');

[Priprincesa 0]

Obrigada pela ajuda pessoal!