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

Aug 19, 2025
Nube e Internet

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

De forma predeterminada, Safari mostrará sitios web de escritorio estándar. Pero con un simple cambio, 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. Puede descargar Safari directamente ( vinculo abajo ) e instálelo como de costumbre.

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

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

Acepte el Acuerdo de licencia y Safari se instalará automáticamente.

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

Ver sitios móviles en Safari

Primero, necesitamos habilitar las herramientas de desarrollo. Haga clic en el ícono de ajustes en la barra de herramientas y seleccione Preferencias.

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

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

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

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

También puede reducir su ventana para que esté más cerca del tamaño de la pantalla de un dispositivo móvil. Una vez que haya 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 tiene una. Aquí están las otras ofertas móviles de Google, directamente dentro de Windows.

Gmail carga mensajes con la interfaz de iPhone predeterminada.

Un sitio móvil especialmente interesante es el de Apple Guía del usuario de iPhone . Cuando se carga en Safari con la configuración de 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, tal como lo haría con el dedo en un iPhone.

Conclusión

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

Enlaces:

Descargar Safari 4

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

.entrada-contenido .entry-footer

How To Open Developer Tools In Safari

How To Enable Safari Developer Tools

How To Use Safari Developer Tools For Testing Mobile And Responsive Web Sites

Mobile Debugging Using Google Chrome Developer Tools

Using Desktop Safari Browser To View Mobile Version Of A Site

How To Enable Developer Mode In Safari Browser

How To View Your Website On Multiple Mobile Phones

Firefox 11 Developer Tools Update

Using Responsive Mobile View In Google Chrome

Debug A Website In IOS Safari From A Windows 10 PC

Using Web Inspector On Mac To Debug Mobile Safari

Safari Development Tools - Responsive Design Mode

Web Browser Dev Tools Part 1: Mobile Website Testing


Nube e Internet - Artículos más populares

Cómo actualizar Google Chrome

Nube e Internet May 1, 2025

Google actualiza Chrome con principales versiones nuevas cada seis semanas y parches de seguridad con más frecuencia. Chrome normalmente descarga las actualizaciones..


Cómo ver notas rápidas de Windows 10 en la web y Android

Nube e Internet Feb 22, 2025

La aplicación Sticky Notes es parte de Windows 10, pero también está vinculada a su cuenta de Microsoft. Puede acceder a sus notas adhesivas en cualquier lugar que tenga un naveg..


Cómo almacenar y ver su colección de fotos en Plex Media Server

Nube e Internet Jul 12, 2025

Plex Media Server no es solo una gran solución para organizar sus películas y programas de TV: es una navaja suiza de medios personales que incluye un soporte sólido para almacen..


No se limite a mover fotos a un disco externo: eso NO es una copia de seguridad

Nube e Internet Jul 11, 2025

¿Cómo almacena sus fotos? Si solo los está volcando en un disco externo, eso no es una copia de seguridad. Debe tener varias copias de sus fotos (o cualquier otro dato) en al men..


Ask How-To Geek: copia de seguridad de fotos en Flickr, automatización de tareas repetitivas y normalización del volumen MP3

Nube e Internet Sep 18, 2025

Esta semana echamos un vistazo a cómo automatizar sus copias de seguridad de Flickr, eliminar tareas repetitivas con la automatización y normalizar los niveles de volumen de su co..


Integre su blog de Tumblr con las redes sociales

Nube e Internet Sep 18, 2025

Bloguear no es muy divertido sin una audiencia, pero ¿cómo puedes hacer que la gente visite tu nuevo blog de Tumblr? Muchos de nosotros ya usamos redes sociales como Facebook y Twitter, as�..


Obtenga una integración mejorada de la pestaña IE en Firefox

Nube e Internet May 10, 2025

CONTENIDO NO CUBIERTO ¿Te encanta la idea de tener la integración de IE Tab en Firefox pero desearías que hubiera más funciones? Ahora puede disfrutar de la integración de IE Tab junto..


Consejo rápido: deshabilite el desplazamiento de pestañas de Firefox

Nube e Internet Apr 9, 2025

CONTENIDO NO CUBIERTO Una de las características de Firefox 2.0 que me vuelve loco son los botones de desplazamiento de pestañas cuando tienes muchas pestañas abiertas. Preferiría ver t..


Categorías