Desarrolladores front-end
Verifica los breakpoints contra el DOM real con anchos de dispositivo exactos, sin abrir DevTools ni redimensionar ventanas.
NuevoTableros de trabajo - 10 dispositivos a la vez
Tu web, impecableen cada iPhone.
Viewport superpone marcos de dispositivos fieles a las especificaciones sobre el sitio que ya estás viendo. Compara breakpoints en paralelo, detecta fallos de maquetación antes que QA y exporta capturas enmarcadas o grabaciones en 4K, todo en tu propia máquina.
Cualquier sitio · 38 dispositivos · Ajustes sincronizados entre pestañas · Sin cuenta, sin telemetría, sin subidas
Chrome Web Store★ 5.0·Más de 5.000 usuarios
DestacadaRecomendada por Chrome
yourstore.com
Para quién es
Una extensión, tres formas de trabajar
Quienes construyen interfaces responsive, quienes las diseñan y quienes tienen que demostrar que funcionan.
Diseñadores de producto
Revisa espaciado, escala tipográfica y áreas seguras en marcos precisos, y exporta capturas enmarcadas directas a una spec o una presentación.
Agencias y freelancers
Demuestra la calidad responsive en directo durante una llamada. Una sola pantalla compartida muestra escritorio y móvil funcionando juntos, sin dividir ventanas.
Capacidades
Cuatro cosas que hace absurdamente bien
Nada de sopa de funciones. Estas son las cuatro capacidades sobre las que se construyó toda la extensión.
Demo en vivo
Maneja la extensión aquí mismo
Este es el flujo real: elige un dispositivo en la barra, gíralo, dispara una captura, pulsa grabar. La página de detrás es tu sitio.
yourpage.com
402 x 874/34%
Del desarrollo a la aprobación
Demuestra que funciona antes de que te lo pidan
La calidad responsive es mucho más fácil de enseñar que de describir. Viewport convierte una comprobación interna en algo que puedes entregar directamente a un cliente.
Primeros pasos
Funcionando en tres clics
Sin archivo de configuración, sin cuenta, sin preparar el proyecto.
01
Abre cualquier página
Pulsa el icono de la barra. Aparece un dispositivo sobre el sitio real, ya cargado y totalmente interactivo.
02
Da forma a la vista
Elige un dispositivo, gíralo, escálalo y arrástralo donde quieras, o monta un tablero entero de móviles, tablets y monitores.
03
Compara y captura
Haz scroll sincronizado en todos los marcos y exporta una captura enmarcada o graba el recorrido completo.
Medido, no prometido
Dónde Viewport saca ventaja
Comparado con las extensiones de vista previa responsive más instaladas de la Chrome Web Store.
Arquitectura local primero
Nada sale de tu máquina, y lo demostramos
Viewport no tiene backend para tus datos. Sin analítica, sin telemetría, sin código cargado en remoto. Los ajustes viven en chrome.storage.local; las capturas se descargan directamente a tu disco.
Para renderizar una página dentro de un marco, los navegadores nos obligan a relajar X-Frame-Options y Content-Security-Policy en la petición de la vista previa. Lo limitamos únicamente al origen previsualizado (los frames de terceros conservan sus protecciones) y mostramos un aviso mientras está activo. Se retira en cuanto cierras la vista previa.
La mayoría de herramientas lo hacen en silencio y para toda la pestaña. Preferimos que lo sepas.
Precios
Gratis para siempre. Pro cuando el trabajo lo pida.
El plan gratuito es una herramienta de verdad y sin límite de tiempo, no una prueba.
Gratis
$0para siempre
- Los 38 marcos de dispositivo
- Hasta 3 dispositivos en pantalla
- Capturas enmarcadas ilimitadas
- Grabación WebM de 2 minutos
- Ventana real de respaldo en sitios estrictos
Pro
El más elegido$4.17/ mes, $50 facturado al año
- Todo lo de Gratis, y además:
- Tableros de 10 dispositivos y escenas guardadas
- MP4 4K ilimitado, recorte y velocidad
- Comparación de versiones y auditorías de layout
- Limitación de red, geolocalización e idioma
Plan gratis, sin cuentaCancela cuando quierasPago seguro con Lemon Squeezy
Preguntas frecuentes
Respuestas, antes de que preguntes
Las cinco preguntas que todo desarrollador hace antes de instalar.
¿Se nos ha escapado algo?
Pregunta directamente: una persona responde en menos de un día.
support@orbitexaio.comNo, y nada que se ejecute dentro de un navegador lo hace. Viewport renderiza tu página real con los anchos de viewport exactos de cada dispositivo y client hints acordes, lo que detecta la inmensa mayoría de los problemas de layout y breakpoints. Las comprobaciones críticas de una release siguen siendo para dispositivos reales.
Deja de publicar breakpoints que nunca has visto.
Añade Viewport a Chrome y revisa todos los dispositivos en la página que ya tienes delante. Gratis, sin cuenta y sin subir nada.