Quais são as regras para criar um site amigável para dispositivos móveis?

Question

Gostaria de agregar valor ao meu site que desenvolvi no momento para que o usuário possa verificar no telefone celular.

Minhas perguntas:

1. Devo fazer modelo diferente para a versão móvel e a versão completa um? Como criar celular.example.com para versão móvel?

2. O Opera Mini não suporta JavaScript? Eu tenho um telefone celular que possui o Mini Opera, parece que o JavaScript não estava em execução. Todo o Mini Opera não tem JavaScript?

3. O Opera Mini suporta HTML e CSS padrão W3C completo? Ou eles têm um diferente?

4. Existe algum emulador para visualizar ou testar o site em diferentes telefones celulares? Por exemplo: navegador para iPhone, BlackBerry Browser, WAP e Opera Mini.

Obrigada!!!

Answer 1

1. Cabe a você se você deseja criar dois sites diferentes para dispositivos móveis e não móveis. No entanto, se você o fizer, certifique -se de ter um link do site móvel para o site completo para permitir que os usuários mudem para ele.
2. O Opera Mini suporta JavaScript que certas restrições (por exemplo, em operações assíncronas). Esteja ciente de que o Opera Mini usa uma abordagem baseada em proxy e o JS é executado nos servidores da Opera, o que impõe certas restrições. Plugins como o Adobe Flash não são suportados.
3. Basicamente, a Opera Mini suporta os mesmos padrões que a área de trabalho da Opera, pois compartilham o mesmo mecanismo de renderização (Opera Presto). No entanto, devido a restrições de dispositivos, alguns recursos como CSS arredondados não estão disponíveis no Mini. Ver Suporte de padrões da Opera Mini 5 Para obter mais informações, mas saiba que o Mini Opera usa o Opera Presto 2.4, o mecanismo de renderização usado no Opera Desktop 10.53.
4. Para testar sites no Opera Mini, tente Microemulador que é de código aberto e vem com uma pele redimensível que permite imitar diferentes tamanhos de tela.

Espero que ajude :)

Answer 2

Alguns sites oferecem uma conversão automática do seu site existente. Este site convertido e amigável para dispositivos móveis pode ser hospedado em um novo domínio, ou uma "máscara" pode ser aplicada em relação ao site existente. Confira www.webtosmartphone.com, que converte facilmente sites básicos automaticamente; Uma linha rápida de código e seu site será redimensionada e visualizável automaticamente nos smartphones mais populares. Se não for convertido automaticamente, você poderá solicitar uma conversão personalizada.

Answer 3

1. Definitivamente, você deve adaptar sua saída para dispositivos móveis quando o conteúdo for acessado por meio de um dispositivo móvel. Se você fará isso separando a apresentação móvel em um subdomínio ou uma pasta especial ou não é totalmente irrelevante.

2. / 3. O celular é muito mais do que apenas Opera Mini. Vários navegadores de dispositivos móveis suportam vários graus de conteúdo rico (JavaScript, CSS etc.) Você deve analisar quais recursos são suportados pelo navegador/dispositivo dos visitantes e servir o conteúdo apropriadamente rico/"ruim". Você deve dar uma olhada em Wurfl e Atlas do dispositivo que são dois bancos de dados principais dos usuários de dispositivos móveis que permitem servir apenas o conteúdo que o UserAgent pode consumir.

3. Existem muitos emuladores por aí, alguns melhores e outros pior, que imitam vários navegadores de dispositivos móveis. No topo da minha cabeça, os dois que eu usei são Yo Yo Space Smartphone Emulator (Site Broken ATM) e Emulador de Mobi TLD. Também existem ferramentas de desenvolvedor específicas do fornecedor (Nokia, SE), você deve encontrar que imitasse os dispositivos do fornecedor.

Answer 4

Folhas de estilo em cascata (CSS) são a maneira de conseguir isso. Isso significa que você precisará revisar o uso de tabelas HTML do seu site e converter em um design baseado em CSS.

o CSS Zen Garden é um excelente recurso para mostrar o que é possível.

Um recurso para converter seu site atual em um formato para dispositivos móveis é Skweezer.com. Basta inserir o URL do seu site e ele exibirá seu site em uma versão para dispositivos móveis, removendo imagens grandes, estilos CSS e elementos de página que não serão exibidos corretamente. Você pode usar isso como modelo ou ponto de partida para criar um perfil CSS móvel para o site. Para fornecer uma folha de estilo CSS alternativa para os usuários com dispositivos móveis, insira o seguinte código na cabeça de um documento HTML:

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Ref.