Navegando em dispositivos móveis com o Mowser

Por: Henrique C. Pereira

Publicado em Thursday 30 August 2007 às 01:56

Categoria: Mobile, User Experience

mowser logo Navegando em dispositivos móveis com o Mowser experiencia de usuario mobile Se você gosta de navegar na web pelo celular ou PDA, mas, como sabemos que a realidade da experiência do usuário em dispositivos móveis navegando na web ainda está engatinhando, você precisa conhecer o Mowser. Uma ferramenta online que “converte” um site que não seja adaptado para dispositivos móveis em algo mais tragável.

Criado por Russel Beattie do Yahoo Mobile o Mowser faz você navegar praticamente em qualquer site porque ele utiliza um parser para remover conteúdo desnecessário transformando um site não adaptado para a realidade móvel em algo fácil de navegar e ler. Mesmo que o site a ser convertido não seja muito amigo dos padrões. E, é claro, ele não faz milagres, mas quase.

Ele remove os scripts do site inteiro, ou seja, se você é fã de javascript obstrusivo e não faz validação de formulários no servidor, seu site não vai ficar muito útil de qualquer maneira. Depois ele remove algumas tags como noscript, style, link, object, applet, embed, iframe, base, basefont, map e mais um monte de tributos e voilá, terás um site mais decente de navegar. E se o seu site já possui pelo menos uma versão handheld e tem um HTML decente, ele basicamente segue suas regras sem mudar muito o resultado que você pretendia obter. Faça o teste e me conte o que achou!

Comentários dos leitores

Este artigo possui 12 comentários

  1. Rodrigo Fante Thursday 30 August 2007 às 02:33

    Muito bom excelente dica.

    Só uma coisa a palavra obstrutivo até onde vai meu limitado conhecimento de português não existe, mas existe obstrutivo.

    Alias tenho a Google toolbar instalada aqui e a mesma também corrige sugerindo obstrutivo a obstrutivo.

    Só dando a deixa porque já vi diversas vezes você chamando assim e sabe quando doí na vista? :D

  2. Pingback: University Update - White House - Navegando em dispositivos móveis com o Mowser

  3. Murilo Cruz #1° Thursday 30 August 2007 às 10:09

    Boa dica Henrique. Achei o mowser fantástico! A navegação em dispositivos móveis ainda é muito, muito complicada. Tanto dispositivos quanto desenvolvedores precisam evoluir muito. Que os "padrões wap" não demorem tanto para serem adotados por todos. :)

  4. Walmar Andrade #2° Thursday 30 August 2007 às 11:09

    Boa dica, Henrique. Uma abordagem interessante também a do iPhone. Pelo que entendi, ele usa o mesmo CSS do media screen por default e miniaturiza o site. Quando o usuário quer ver alguma área, dá um zoom nessa área. Não sei em mãos se a experiência é agradável, mas é uma idéia interessante.

  5. Camilo #3° Thursday 30 August 2007 às 12:31

    Mas Rodrigo Fanta, não ficou claro no seu comentário qual é a forma certa, você escreveu 4 vezes a mesma palavra.

    Esclarece aí, porque agora eu fiquei na dúvida.

  6. bruno chaves #4° Thursday 30 August 2007 às 16:11

    rapaz eu fiquei curioso tb para saber como é o certo :)

    mas de qualquer forma, pelo menos conheci o site do rapaz, q é bem legal.

    eu acho um saco este lance de ficar encrencando com estes detalhes, mas deve ser pq eu uso um portugues mais rustico :P

    e o mowser é fera

    abraço!

  7. Henrique Costa Perei #5° Thursday 30 August 2007 às 17:32

    Rodrigo, você está certo. Fui consultar o dicionário e realmente o correto é "obstrutivo" e não obstrusivo como eu pensava. Vou corrigir assim que der…

    Abraço…

  8. Rodrigo Fante #6° Thursday 30 August 2007 às 17:53

    Eu escrevi a mesma varias vezes porque o corretor ortográfico do google toolbar corrigiu automaticamente, peço desculpas.

    O correto é obstrutivo.

  9. Thássius #7° Friday 31 August 2007 às 21:37

    Testei o meu blog. Ficou ruim, devido à codificação dos caracteres.

  10. NS #8° Saturday 01 September 2007 às 11:34

    Grande dica, Henrique.

  11. André Luiz #9° Saturday 01 September 2007 às 13:33

    Realmente o Mowser é limitado, mas com certeza novas aprimorações serão feitas e será um ótimo recurso.

  12. Pingback: Sergio Blog 2.4

Deixe seu comentário:

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

  1. As seguintes tags podem ser inseridas nos comentários: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Sobre este blog

Meu nome é Henrique C. Pereira e o Revolução Etc é o meu blog pessoal. Eu trabalho com design de interfaces, dispositivos móveis, planejamento de soluções web, arquitetura da informação, programação de interfaces, acessibilidade, padrões web, e-commerce e outras coisas relacionadas.
Leia mais sobre o autor.