¿Qué utiliza para probar el css portátil en su sitio web?
https://stackoverflow.com/questions/259330
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
He agregado soporte CSS para handheld a mi sitio web, pero no he podido encontrar una buena herramienta para realizar pruebas.
Intenté usar el complemento webdeveloper para Firefox pero no me funciona. Tal vez sea porque todo mi CSS está en el html y no en un archivo CSS separado.
¿Hay otras herramientas de prueba disponibles además de salir y comprar un dispositivo portátil?
Solución
Con un poco de caza encontré lo que estaba buscando, gracias por los protagonistas.
Opera mostrará la computadora de mano css si selecciona " Pantalla pequeña " desde el menú Ver.
Otros consejos
No estoy seguro de 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 de medios cambiando el tamaño de la ventana a menos de 500 px.
Si tiene Visual Studio, debe haber emuladores de dispositivos que le permitan probar IE móvil, o pueden encontrarse 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. Puede (tipo de) probar la compatibilidad de iPhone con Safari, aunque no puede verificar la metaetiqueta de la ventana gráfica. Hay un simulador Opera Mini aquí.
Además, saca tu CSS de tu HTML :)
Descubrí que cambiar los tipos de medios en el entorno de desarrollo funciona mejor para mí.
Por ejemplo, si está probando " handheld " css luego simplemente agregue el tipo de medio " pantalla " a los atributos de los medios y comente su CSS predeterminado.
Después de completar este paso, normalmente querrá probar en un dispositivo portátil real.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
Para probar el iPhone, puede obtener el iPhone SDK aquí Pero necesita la computadora OS X / Apple para que se ejecute de la manera oficial.
No oficial / hacks:
- Hay formas de hacer que OS X se ejecute en hardware de PC estándar como aquí .
- O ejecute el SDK en Linux / vmware descrito aquí .
¡Feliz piratería!
Huibert Gill
La mayoría de los teléfonos inteligentes como el iPhone y algunos dispositivos Android no reconocen el handheld.css . Tomaron la mediatype = " pantalla " por lo que debe incluir esto fragmento corto de JavaScript .
