Página principal » cómo » Ver sitios web móviles en Windows con Safari 4 Developer Tools

    Ver sitios web móviles en Windows con Safari 4 Developer Tools

    ¿Quiere probar los sitios web móviles diseñados para el iPhone y otros dispositivos móviles en su PC? Safari 4 para Windows te permite hacer esto fácilmente con sus herramientas de desarrollo.

    Por defecto, Safari mostrará sitios web de escritorio estándar. Pero al hacer un cambio simple, puede cambiarlo para que funcione como Safari Mobile en el iPhone o iPod Touch.

    Empezando

    Primero asegúrese de tener instalado Safari 4 para Windows. Puedes descargar Safari directamente (enlace debajo) e instalarlo como de costumbre.

    O si ya tiene otro programa de Apple instalado, como QuickTime o iTunes, entonces puede instalarlo desde la actualización del software de Apple. Simplemente entra actualización de software de Apple en el cuadro de búsqueda del menú Inicio.

    Y luego seleccione Safari 4 de la lista de software nuevo disponible. Haga clic en Instalar para descargar e instalar automáticamente Safari.

    Acepte el acuerdo de licencia, y luego Safari se instalará automáticamente.

    Una vez terminado esto, Safari estará listo para usar.

    Ver sitios móviles en Safari

    Primero, necesitamos habilitar las herramientas de desarrollo. Haga clic en el icono de engranaje en la barra de herramientas y seleccione Preferencias.

    Haga clic en la pestaña Avanzado y luego marque la casilla que dice "Mostrar el menú Desarrollar en la barra de menú".

    Una vez que haya cerrado su cuadro de configuración, haga clic en el ícono de la página, seleccione Desarrollar, luego Agente de usuario, y luego elija una de las configuraciones de Mobile Safari. En nuestra prueba elegimos Mobile Safari 3.1.2 - iPhone.

    Para hacer que su navegador emule un dispositivo móvil mejor, puede ocultar los marcadores y la barra de pestañas para tener una interfaz más ágil.

    Haga clic en el icono del engranaje, seleccione "Ocultar barra de marcadores", y luego repita y haga clic en "Ocultar barra de pestañas".

    También puede reducir su ventana para estar más cerca del tamaño de la pantalla de un dispositivo móvil. Una vez que hayas hecho estas cosas, Safari debería verse similar a esta captura de pantalla. Aquí hemos cargado Google.com, y puedes verlo en su interfaz estilo iPhone.

    Simplemente ingrese cualquier sitio web en la barra de direcciones y se cargará en su interfaz móvil, si la tiene. Aquí están las otras ofertas móviles de Google, justo dentro de Windows..

    Gmail carga los mensajes con la interfaz de iPhone predeterminada.

    Un sitio móvil especialmente interesante es la Guía del usuario de iPhone en línea de Apple. Cuando se carga en Safari con la configuración del iPhone, se carga con una interfaz de usuario móvil muy agradable que funciona como una aplicación de iPhone. De hecho, incluso puede hacer clic y arrastrar para desplazarse, como lo haría con un dedo en un iPhone.

    Conclusión

    Incluso si no tiene un teléfono inteligente, todavía puede obtener una vista previa de cómo se verán los sitios web con este truco. Por supuesto, no todos los sitios funcionarán, pero es divertido jugar con diferentes sitios que tienen versiones móviles.

    Campo de golf:

    Descarga de Safari 4

    Guía de usuario en línea de Apple iPhone