Probar sitio en varios tamaños de pantalla

Probar sitio en varios tamaños de pantalla: para qué sirve

Escribe la dirección y elige los dispositivos: celular pequeño (360 px), iPhone (390), celular grande (430), tablet (768), notebook (1280) y monitor (1440). Cada pantalla abre la página en el ancho real del dispositivo, reducido por la escala elegida, y se puede desplazar dentro de cada una.

Funciona con sitios propios y con localhost. Los sitios que bloquean abrirse dentro de otros aparecen en blanco.

Cómo usar

1. Escribe la dirección del sitio.
2. Elige los dispositivos, la escala y la altura.
3. Desplázate por cada pantalla y revisa el diseño.

Cuándo usar

• Revisar un sitio responsivo antes de publicar.
• Mostrarle a un cliente cómo se ve el sitio en el celular.
• Probar sitios en desarrollo en localhost.

Preguntas frecuentes

¿Por qué algunos sitios no aparecen?

Muchos sitios grandes (Google, bancos, redes sociales) prohíben abrirse dentro de otro sitio, con los encabezados X-Frame-Options o frame-ancestors, y la pantalla queda en blanco. Los sitios propios, por lo general, aparecen normalmente. Si no aparece, usa el modo dispositivo de las herramientas de desarrollador del navegador (F12).

¿La vista previa es idéntica a la de un celular real?

El ancho es el mismo, así que el diseño responsivo es el mismo. Pero el navegador sigue siendo el de la computadora: fuentes, desplazamiento, toque y funciones del celular pueden ser diferentes. Prueba también en un dispositivo real antes de publicar.

¿Funciona con sitios en localhost?

Sí, si el servidor local está corriendo en tu computadora y la dirección empieza con http://localhost o http://127.0.0.1.

¿Es gratis de verdad?

Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.

Herramientas similares