Como fazer um site simples processar corretamente em vários navegadores móveis?

Question

Temos um site bastante simples (JS mínimas) com html simples e CSS. É uma interface móvel simples para a nossa aplicação principal.

Estamos executando em problemas porque temos mais de uma coluna e vários navegadores parecem forçar colunas individuais.

Através de algumas pesquisas eu corri em 2 meta tags.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

Com estes temos um bom 'escalado' vista para o IE Mobile e do iPhone. Nós não correr em quaisquer problemas com Blazer da palma da mão. Mas Blackberry é outra questão.

O Blackberry tem uma maneira simples de controlar a vista do navegador também? Por simples Quero dizer, sem fazer uma página especial para esse dispositivo.

Answer 1

Eu não me incomoda fazer uma versão "meio" para o iPhone etc, os usuários do iPhone pode apenas olhar para sua página web real, com bastante facilidade. Tem a sua versão completa e uma versão única coluna, e você vai atingir o maior público com o mínimo de trabalho.

Para responder à sua pergunta, porém, não há nenhuma boa maneira de fazer o Blackberry fazer outra coisa senão 1 visualizações coluna. Você pode obtê-lo a olhar bastante profissional, como CSS e javascript simples ainda se aplicam, mas você vai ter que perder muito do seu imobiliário horizontal.

Answer 2

A minha recomendação seria a criação de duas ou três versões do site:

• Completo soprado para os modernos navegadores de desktop (se é uma aplicação muito pesado)
• Site com o mínimo de JS e CSS para bons navegadores móveis e navegadores de desktop (IPhone e SkyFire vêm à mente)
• Site sem JS, uma única coluna e texto na maior parte apenas simples.

A razão é que a codificação por 3-4 navegadores desktop é bastante difícil. Não se mate sobre outros cem dispositivos ao código para e criar uma página simples que apenas gera informações.

Lembre-se do princípio de projeto básico do desenvolvimento web: Os usuários não se importam. Eles querem informações ou funcionalidade. Ele vai olhar muito melhor para você, se você tivesse um simples, layout claro com más navegadores móveis (IE ou Blackberry), em seguida, tentar cortar algo que, eventualmente, se torna um pesadelo de manutenção e, potencialmente, fazer você ficar mal se usos alguém ainda outro celular navegador e você não escreveu o site específico do telefone para ainda.

Answer 3

BlackBerry (de OS 4.6 e superior) suporta tanto a tag meta-viewport, bem como a tag meta-HandheldFriendly. Consulte o documento "Diretrizes de design de conteúdo" em http: //na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser para mais detalhes.