2012-05-16 20 views
7

He creado un sitio web que funciona bien en mi computadora (a través de todos los navegadores modernos). Alguien informó que no funcionó desde el dispositivo móvil Safari.¿Cómo puedo verificar que mi sitio web funcione en Safari mobile?

He intentado ver desde Safari en Windows que me hacen parecer lo que quiero.

He visto su captura de pantalla y siento algo mal con mi UI. ¿Alguien puede tener una idea de cómo puedo verificar el aspecto de mi computadora (Windows)?

Cómo puedo probar mi sitio web para safari mobile desde mi computadora.

Respuesta

0

mira esto: http://webtide.wordpress.com/2009/09/14/how-to-test-websites-for-mobile-devices/

Lo que se necesita:

Pruebas de Safari para iPhone/iPod Touch:

Abra Safari y vaya a Preferencias (Editar-> Preferencias).
En la pestaña Avanzado, asegúrese de que el menú "Mostrar desarrollo en la barra de menús" esté marcado. En el menú, haga clic en Desarrollar-> Agente de usuario-> Mobile Safari 3.0 ¡Vaya a su sitio web y comience a probar!

+0

el artículo escrito hace 2-3 años. Es su alguna actualización en esas publicaciones. – user1377045

2

Haga clic en "desarrollar" en el menú superior, luego haga clic en "agente de usuario" y seleccione su dispositivo ... y vaya a su sitio web.

+3

esta respuesta no funciona en todos los casos. Tengo uno de esos ejemplos actualmente para ser resuelto. – nrod

+1

Esto hace que la página sea pequeña, pero no habilita la emulación táctil como en Chrome. ¿Cómo emulamos tocar (sin puntero del mouse)? – trusktr

1

Chrome Developer Tools tiene emulación de dispositivo.

+3

Chrome Dev Tools no emula correctamente el comportamiento de safari. He probado algunas páginas y se ven perfectas en Chrome Dev Tools (fe, emulando iPhone 5) pero en iPhones/iPads/Mac parece feo. –

+1

Emula el tamaño de la pantalla, no el sistema operativo. – neuronet

2

Puede descargar e instalar Safari en su computadora y luego consultar su sitio web con todas las versiones disponibles de safari para dispositivos móviles. Elija Preferencias-> Avanzado-> Mostrar el menú del desarrollador en la barra de menú.

Finalmente, haga clic derecho dentro de su sitio web y luego Agente de usuario-> y luego elija la versión de safari que desee. Check this link for further information

Cuestiones relacionadas