Audit layout across screens
check_responsiveAudits a URL across multiple device viewports to find responsive layout issues such as horizontal overflow, clipped text, small tap targets, offscreen images, and viewport meta problems.
Instructions
Abre la URL en varias pantallas y reporta SOLO problemas de responsive, sin imagenes: desborde horizontal con el selector exacto que lo causa, texto recortado, targets tocables chicos, imágenes fuera de viewport, meta viewport faltante o que bloquea el zoom, y que media queries activan en cada ancho. Severidades: high = se rompe el layout, medium = se pierde contenido o baja performance, low = incomodo en tactil, info = contexto. Cada pantalla reporta viewport.deviceWidthPx (la pantalla real) y viewport.layoutWidthPx (lo que mide window.innerWidth); si layoutWidthPx > deviceWidthPx la pagina no es responsive ahi. Usa esta tool para verificar un rediseño o para encontrar breakpoints rotos; despues captura con screenshot_on el dispositivo que falla para verlo.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | URL http/https a abrir en la pantalla emulada | |
| block | No | Resource types a bloquear (acelera capturas en paginas pesadas) | |
| locale | No | Locale, p.ej. "es-PY" para ver formatos locales | |
| devices | No | Pantallas a auditar. Default: iphone-se, iphone-15-max, galaxy-s24, ipad-pro-11, laptop, desktop-hd | |
| settleMs | No | Milisegundos extra tras cargar para dejar terminar animaciones (default 400) | |
| timezone | No | Timezone IANA, p.ej. "America/Asuncion" | |
| timeoutMs | No | Timeout de navegacion y esperas (default 30000) | |
| tolerance | No | Px de holgura antes de marcar desborde (default 2) | |
| waitUntil | No | Estrategia de espera antes de capturar. "networkidle" para SPA, "commit" si la red es lenta | |
| minTapSize | No | Px minimos de un target tocable (default 44) | |
| colorScheme | No | Tema pedido por CSS prefers-color-scheme | |
| geolocation | No | Coordenadas para emular GPS | |
| waitForSelector | No | Selector CSS que debe verse antes de capturar (útil en SPA) | |
| includeMediaQueries | No | Incluye las media queries que matchean en cada viewport (default false) |