mobile - saber - programa para crear aplicaciones android
Sitios web para el iPhone, pero ¿y otras plataformas? (1)
Webkit y Opera recientes:
Para iPhone, Safari, Opera Mobile y Webkit en el desarrollo de Android son similares ( pero no idénticos ), y el desarrollo para ellos es bastante simple.
Puede confiar en CSS2.1 y JavaScript + DOM (pero tenga cuidado con los eventos de UI ). Puede salirse con la suya sirviendo su sitio web habitual con solo unos pocos cambios en las hojas de estilo.
El truco está en el servicio de estas hojas de estilo. No use la cadena de User-Agent .
Debido a que algunos navegadores móviles leen medios portátiles, y algunos insisten en los estilos de pantalla y pretenden tener una pantalla de 960 píxeles de ancho (iPhone: /), deberá mostrar la hoja de estilo móvil con ambos:
<link media="handheld" ...>
<link media="screen and max-device-width:480px" ...>
El último es CSS3 Media Query , muy útil y también funciona con otros navegadores móviles (puedes usarlo en hojas de estilo con @media {} ).
No confíe en :hover onmouseover o onmouseover porque estos eventos no funcionan en pantallas táctiles.
onclick está retrasado, mousemove puede no funcionar. Los widgets DHTML personalizados (menús desplegables) y arrastrar y soltar no funcionarán en las pantallas táctiles, a menos que uses eventos táctiles (que afortunadamente adoptaron todos los navegadores más nuevos).
Además de la propiedad propietaria de Apple (y en mi humilde opinión, inflexible y violatoria separación entre marcado y diseño) <meta name=viewport> eche un vistazo a CSS3 @viewport , que actualmente es compatible con la última versión de Opera como @-o-viewport y esperamos que otros sigan.
Simuladores / Emuladores
Para probar la página en Opera Mobile, obtenga el simulador (o una versión de escritorio más antigua y elija Ver → Pantalla pequeña).
Opera Mini es especial, ya que CSS se reformatea un poco y DHTML se ejecuta en el lado del servidor, lo que no siempre da los resultados esperados. Hay simulador disponible .
Androide
Necesitas Android SDK, jugar con la línea de comandos para lanzar su IU torpe, descargar muchos paquetes, crear un dispositivo virtual con una docena de ajustes oscuros irrelevantes, tener paciencia para que este monstruo cargue y convertir a los fanáticos de la computadora en un quadcopter, y luego puedes jugar. .sss..slooowlyyyy prueba en el "Navegador" (mi Intel i5 es demasiado lento para simular Galaxy Tab - el buscador "deja de responder" incluso antes de que termine de escribir la URL)
Es más fácil obtener un teléfono / tableta con Android y probarlo en un dispositivo real (pero evite el reproductor de Samsung equivalente al "iPod", ya que es basura con software obsoleto).
El navegador de Android es realmente doloroso para cualquiera que no le guste la manera de hacer las cosas con Linux: solo para leer la consola de JS debe jugar con las conexiones remotas de depuración y el filtrado de registros en la línea de comandos.
Firefox Mobile (anteriormente Fennec)
Hay un simulador disponible (enlaces para "Windows / Mac OS X / Linux" a continuación, las descargas móviles no son la versión de escritorio, sino la versión móvil para computadora de escritorio).
El simulador es muy básico, Mobile Firefox en sí mismo es realmente bueno, por ejemplo overflow:scroll funciona muy bien, mientras que en los navegadores basados en WebKit la implementación del desbordamiento varía entre muy poco intuitiva y totalmente rota.
Pocket IE:
PIE para Windows Mobile <7 no es el mismo motor que IE en Windows. En su mayoría es tan primitivo y defectuoso como IE4, pero (apenas) admite algunas propiedades sorprendentemente avanzadas como display:table .
Lee las hojas de estilos de la handheld y de la screen al mismo tiempo, violando el estándar y disparándose en el pie. Si va a apoyar a PIE, coloque el enlace en la última hoja handheld estilo de la handheld de handheld e invierta / anule todas las reglas de los estilos de pantalla que contenga.
De todos modos, está muerto y es difícil obtener un emulador.
Windows Phone 7 se envía actualmente con IE7-similar, y Microsoft prometió algo de nivel IE9 más tarde.
Nuevo (minoritario) BlackBerry
El último navegador BlackBerry basado en WebKit es bastante bueno, puede tratarlo como ciudadano de primera clase (consulte la comparación WebKits vinculada en la parte superior).
Actualmente los BlackBerry más populares y OpenWave, Blazer, etc.
Antes del BB OS6, es una pesadilla. Solo el HTML básico funciona. CSS funciona en algunos modelos, pero es primitivo y está roto. JavaScript funciona solo en algunos modelos y es increíblemente lento y deficiente (olvídese incluso de DHTML básico).
Hay un simulador de BB gratuito disponible de RIM (se requiere un registro molesto). Si no tiene suerte, se ejecutará correctamente una vez y luego deberá reinstalarlo por completo :)
Lo mismo ocurre con cientos de otros navegadores móviles en teléfonos de gama baja (con la potencia de OpenWave, que tiene un simulador decente ). Tendrás que preparar un sitio web básico en HTML de 1 columna para ellos.
Google Wireless Transcoder
Incluso si crea nifty (X) HTML optimizado para cada dispositivo móvil, ¡los usuarios de Google Mobile Search nunca lo verán! En cambio, cada página será procesada a través de "Wireless Transcoder", que corta brutalmente el código, eliminando todas las hojas de estilo y scripts (independientemente de si el navegador los admite o no), e incluso <font> :(
Hace poco hice el tutorial de Chris Coyier del blog # 38 de css-tricks.com : Conceptos básicos y consejos sobre diseño para el iPhone . No hace falta decir que me entusiasmé mucho y le sugerí a un chico que hiciera un poco de trabajo de código para que ahora pudiéramos ofrecer sitios web de iPhone a sus clientes. Dijo genial, pero ¿y otros dispositivos móviles? buena pregunta. Entonces, ¿cuál es la desventaja de diseñar sitios web para Android, Blackberry, WindowsMobile, etc.? ¿Las personas se están molestando con las otras plataformas? Gracias.