¿Cuáles son las reglas para crear un sitio web optimizado para dispositivos móviles?

Question

Me gustaría agregar valor a mi sitio web que he desarrollado en este momento para que el usuario pueda verificar en su teléfono móvil.

Mis preguntas:

1. ¿Debo hacer una plantilla diferente para la versión móvil y una versión completa? Me gusta crear mobile.example.com para la versión móvil?

2. ¿Opera Mini no es compatible con JavaScript? Tengo un teléfono móvil que tiene Opera Mini, parece que JavaScript no se estaba ejecutando. ¿No tiene JavaScript todo el Opera Mini?

3. ¿Opera Mini es compatible con HTML estándar y CSS W3C? ¿O tienen uno diferente?

4. ¿Hay algún emulador para ver o probar el sitio web en diferentes teléfonos móviles? Por ejemplo: navegador de iPhone, navegador Blackberry, WAP y Opera Mini.

Gracias!

Answer 1

1. Depende de usted si desea hacer dos sitios web diferentes para dispositivos móviles y no móviles. Sin embargo, si lo hace, asegúrese de tener un enlace del sitio móvil al sitio completo para permitir que los usuarios se cambien a este.
2. Opera Mini admite JavaScript, que tiene ciertas restricciones (por ejemplo, en operaciones asincrónicas). Tenga en cuenta que Opera Mini utiliza un enfoque basado en proxy y el JS se ejecuta en los servidores de Opera, lo que impone ciertas restricciones. Los complementos como Adobe Flash no son compatibles.
3. Básicamente, Opera Mini admite los mismos estándares que Opera Desktop, ya que comparten el mismo motor de representación (Opera Presto). Sin embargo, debido a las restricciones del dispositivo, algunas características como las esquinas redondeadas de CSS no están disponibles en Mini. Consulte Opera Mini 5 standards support para obtener más información, pero sepa que, mientras tanto, Opera Mini usa Opera Presto 2.4, el motor de renderizado utilizado en Opera Desktop 10.53.
4. Para probar sitios web en Opera Mini, pruebe MicroEmulator que es de código abierto y viene con un diseño de tamaño variable que le permite emular diferentes tamaños de pantalla.

Espero que ayude :)

Answer 2

Cascading Style Sheets (CSS) son la manera de lograr esto. Significa que deberá revisar el uso de tablas HTML de su sitio y convertirlo en un diseño basado en CSS.

El CSS Zen Garden es un excelente recurso para mostrar lo que es posible.

Un recurso para convertir su actual sitio en un dispositivo móvil amigable formato es Skweezer.com. Simplemente ingrese la URL de su sitio web, y mostrará mostrando su sitio web en una versión para dispositivos móviles eliminando imágenes grandes, estilos CSS y elementos de la página que no mostrarán correctamente. Puede usar esto como una plantilla , o punto de partida, para creando un perfil de CSS móvil para el sitio . Para proporcionar una alternativa CSS hoja de estilo para los usuarios con dispositivos móviles , inserte el código siguiente en la cabeza de un documento HTML:

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

Ref.

Answer 3

1. Definitivamente, debe adaptar su salida para dispositivos móviles cuando se accede al contenido a través de un dispositivo móvil. Si lo hará separando la presentación móvil en un subdominio o una carpeta especial o no, es totalmente irrelevante.

2. /3. El móvil es mucho más que solo Opera Mini. Varios navegadores de dispositivos móviles admiten varios grados de contenido enriquecido (JavaScript, CSS, etc.) Debería buscar la detección de las características compatibles con el navegador/dispositivo de los visitantes y servir el contenido apropiadamente rico/"pobre". Debería echar un vistazo a WURFL y Device Atlas, que son dos bases de datos principales de agentes de uso de dispositivos móviles que le permiten publicar solo el contenido que el agente de servicio puede consumir.

3. Existen muchos emuladores, algunos mejores y otros peores, que emulan varios navegadores de dispositivos móviles. Fuera de mi cabeza, los dos que he usado son Yo Space SmartPhone Emulator (website broken atm) y Mobi TLD's emulator. También hay herramientas de desarrollador específicas del proveedor (Nokia, SE) que debería poder encontrar que emulan los dispositivos del proveedor.

Answer 4

Algunos sitios web ofrecen una conversión automática de su sitio web existente. Este sitio web convertido y compatible con dispositivos móviles puede alojarse en un nuevo dominio o puede aplicarse una "máscara" sobre su sitio actual. Visite www.webtosmartphone.com, que convierte fácilmente sitios web básicos automáticamente; una línea rápida de código y su sitio web se redimensionará automáticamente y se podrá ver en los teléfonos inteligentes más populares. Si no se convierte automáticamente, puede solicitar una conversión personalizada.