¿cuáles son las reglas para hacer sitio web amigable móvil?

Question

Me gustaría añadir valor a mi sitio web que he desarrollado en el momento de manera que el usuario puede comprobar 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? Al igual que la creación de mobile.example.com para la versión móvil?

2. ¿Tiene Opera Mini no soporta JavaScript? Tengo un teléfono móvil que disponga de Opera Mini, parece que JavaScript no estaba funcionando. No todos los Mini Opera no tiene JavaScript en él?

3. ¿Apoya Opera Mini HTML estándar del W3C y CSS? ¿O es que tienen una diferente?

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

Gracias !!!

Answer 1

1. Es hasta usted si usted quiere hacer dos sitios web diferentes para dispositivos móviles y no móviles. Sin embargo, si lo hace, asegúrese de tener un enlace desde el sitio móvil al sitio completo para permitir a los usuarios a cambiar a él.
2. Opera Mini no soporta Javascript cual ciertas restricciones (por ejemplo. En operaciones asíncronas). Tenga en cuenta que Opera Mini utiliza un enfoque basado en proxy y la JS se ejecuta en los servidores de Opera que impone ciertas restricciones. Plugins como Flash no son compatibles.
3. Básicamente, Opera Mini es compatible con las mismas normas que Opera de escritorio, ya que comparten el mismo motor de renderizado (Opera Presto). Sin embargo, debido a las restricciones de dispositivos, algunas características como CSS esquinas redondeadas no están disponibles en Mini. Ver Opera Mini 5 normas apoyo a más información, pero sabe que mientras tanto Opera Mini utiliza Opera Presto 2.4, el motor de renderizado utilizado en Opera 10.53 escritorio.
4. Para probar los sitios web en Opera Mini, intente MicroEmulator que es de código abierto y viene con una piel de tamaño variable que le permite emular diferentes tamaños de pantalla.

Espero que ayude:)

Answer 2

Algunos sitios web ofrecen una conversión automática de su sitio web existente. Esto convierte, móvil del sitio web amigable o bien puede ser alojado en un dominio nuevo, o una "máscara" se puede aplicar sobre su sitio actual. Salida www.webtosmartphone.com, que se convierte fácilmente sitios web básicos de forma automática; una línea rápida del código y su sitio web se ajustará automáticamente y se podrá ver en los teléfonos inteligentes más populares. Si no se convierte automáticamente, puede solicitar para una conversión personalizada.

Answer 3

1. Usted debe adaptarse lo más definitivamente su salida para dispositivos móviles cuando se accede al contenido a través de un dispositivo móvil. Si va a hacerlo mediante la separación de la presentación móvil en un subdominio o una carpeta especial o no es totalmente irrelevante.

2. / 3. móvil es mucho más que Opera Mini. Varios exploradores de dispositivos móviles compatibles con diversos grados de contenido rico (JavaScript, CSS, etc.) usted debe buscar en la detección de qué características son compatibles con el navegador de los visitantes / dispositivo y servir a la manera apropiada rico contenido / "pobre". Usted debe echar un vistazo a WURFL y dispositivo Atlas que son dos bases de datos principales de AgentesDeUsuario de dispositivos móviles que le permiten servir sólo el contenido que el agente de usuario puede consumir.

3. Hay muchos emuladores por ahí, algunos mejor y otros peor, que emulan diferentes navegadores de dispositivos móviles. De la parte superior de la cabeza, los dos que he utilizado son Yo espacio SmartPhone emulador ( sitio web roto atm ) y de Mobi TLD emulador . También hay proveedor específico (Nokia, SE), las herramientas de desarrollo que debe ser capaz de encontrar que emulan dispositivos del vendedor.

Answer 4

Cascading Style Sheets (CSS) son la manera de lograr esto. Lo que significa que tendrá que revisar el uso de su sitio de tablas HTML, y se convierten 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. Basta con introducir   URL de su sitio web, y lo hará   mostrar su sitio web en una   móviles de usar la versión mediante la eliminación   grandes imágenes, los estilos CSS y la página   elementos que no se mostrarán   correctamente. Usted puede utilizar esto como una   plantilla, o punto de partida, para   haciendo un perfil de CSS para el móvil   sitio. Para proporcionar una alternativa CSS   hoja de estilo para los usuarios con móviles   dispositivos, 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 .