html - name - meta tags ejemplos

¿Qué usa para probar el css de mano en su sitio web? (6)

He estado agregando soporte css para computadora de mano a mi sitio web, pero no he podido encontrar una buena herramienta para probar.

Intenté usar el complemento webdeveloper para Firefox pero no funciona para mí. Tal vez sea porque todo mi CSS está en html y no en un archivo CSS separado.

¿Hay otras herramientas de prueba disponibles además de salir y comprar un dispositivo de mano?

No estoy seguro si es una buena idea resucitar la vieja pregunta, pero espero que alguien la encuentre :)

Hay una manera simple de probar css de mano con consultas de medios :

@media handheld, screen and (max-width: 500px) { /* your css */ }

Después de eso, puede probar en los navegadores que implementan consultas multimedia cambiando el tamaño de la ventana a menos de 500 px.

Con un poco de caza encontré lo que estaba buscando, gracias por los contactos chicos.

Opera mostrará el css de la computadora de mano si selecciona "Pantalla pequeña" en el menú Ver.

Para probar el iPhone, puede obtener el SDK de iPhone aquí. Pero necesita una computadora OS X / Apple para que funcione de manera oficial.

No es oficial / piratea:

Hay formas de que OS X se ejecute en hardware de PC estándar como aquí .
O ejecute el SDK en Linux / vmware descrito aquí .

Happy Hacking!

Huibert Gill

Si tiene Visual Studio, debe haber emuladores de dispositivo que le permitan probar IE móvil, o se pueden encontrar de forma independiente en el sitio de Microsoft. Aquí hay algunos para WM 5 . Hay un simulador OpenWave disponible para probar ese navegador. Los simuladores de Blackberry también están disponibles para probar el navegador Blackberry. Puedes (tipo de) probar el soporte de iPhone con Safari, aunque no puedes verificar la metaetiqueta de la ventana gráfica. Hay un simulador de Opera Mini aquí.

Además, obtenga su CSS de su HTML :)

Descubrí que cambiar los tipos de medios en el entorno de desarrollo funciona mejor para mí.

Por ejemplo, si está probando un "handheld" css, simplemente agregue el tipo de medio "screen" al media atrib y comente su css por defecto.

Después de completar este paso, normalmente querrá probarlo en un dispositivo de mano real.

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

La mayoría de los teléfonos inteligentes como el iPhone y algunos dispositivos Android no reconocen el handheld.css . Tomaron mediatype="screen" por lo que debe incluir este breve fragmento de JavaScript .