Comprobador de compatibilidad móvil
Free, no signup. Run this tool's seven weighted mobile-layout checks and get a 0–100 diagnostic score, plus a phone-viewport preview as separate supporting evidence.
Free, no sign-up. The analysis reads your HTML the way a mobile browser would; the screenshot renders in headless Chrome on a 390×844 iPhone-sized viewport.
Las comprobaciones se ejecutan desde nuestro servidor; consultamos la URL que introduces y no conservamos los resultados. Results are kept in a short-lived cache, not stored long-term. Anonymous aggregate stats feed our research posts; domains are counted once via an anonymized hash and never stored in the clear. Los contadores anónimos de resultados por ejecución pueden utilizarse para investigación agregada; nunca incluyen URL, dominios, IP ni identificadores, y no se publica ninguna estadística con menos de 100 ejecuciones.
+ guarda el sitio o la página actuales. Usa ☆ junto a cualquier sitio, página o lista guardados para añadirlos a favoritos. El historial de comprobaciones recientes aparece debajo.
Crear una lista con nombre
Destino rellenado desde tus selecciones locales.
Pasaporte del sitio Contexto local de este sitio guardado
Datos locales
Los destinos guardados, las listas con nombre y los resúmenes de comprobaciones recientes permanecen solo en este navegador.
390×844 viewport · iPhone user agent
This is a static-analysis check plus a real render — fast and directional. It can’t see CSS applied by JavaScript frameworks at runtime, so pair a borderline score with the screenshot: if the page looks right on the phone frame, trust your eyes.
Compare a later score
Download this free analysis as a private JSON baseline, then import it after another run to see score and failing-check changes. Snapshots stay in your browser unless you choose to save a file.
Valorar esta herramienta
What the score is made of
| Check | Threshold / points | What this free pass can confirm |
|---|---|---|
| Viewport | 30 points | width=device-width and zoom accessibility |
| Responsive CSS | 20 points | @media rules in inspected CSS |
| Fixed widths | 15 points · >400px warning | Markup-level width attributes and inline styles |
| Font sizes | 10 points · <12px warning | CSS declarations and legacy font tags |
| Tap targets / horizontal overflow | Needs a rendered layout pass | Not claimed by this free HTML score |
Viewport is 30 points
Without width=device-width, phones render your page at ~980px and shrink it to fit — every other mobile problem starts here. Disabling zoom costs points too: it’s an accessibility failure.
Layout checks
Responsive CSS (@media rules, including in external stylesheets), hard-coded widths over 400px, and sub-12px font sizes — the three classic ways a desktop layout breaks on a phone.
Delivery checks
Responsive images (srcset/<picture>), HTML page weight on mobile networks, and leftover <object>/<embed> plugin content that mobile browsers won’t run.
Acerca de esta herramienta
Gratis y sin registro. Ejecuta siete comprobaciones ponderadas de diseño móvil y obtén una puntuación diagnóstica de 0 a 100 junto con una vista previa en un viewport de teléfono.
El análisis lee el HTML como lo haría un navegador móvil y complementa la inspección estática con una captura independiente y limitada.
Funciones
- Siete comprobaciones ponderadas con puntuación de 0 a 100, medidor y lista ordenada que muestra primero fallos y advertencias con los puntos obtenidos.
- Detecta viewport, CSS responsive mediante reglas @media, anchuras fijas superiores a 400px y tamaños de fuente inferiores a 12px; también inspecciona hasta cuatro hojas de estilo enlazadas.
- La puntuación procede de análisis estático del HTML y CSS, mientras que una captura opcional de Chrome headless ofrece una segunda prueba visual desde un viewport de teléfono.
- Las bandas son explícitas: 90–100 se considera apto para móvil; los estados intermedios y bajos orientan hacia las reglas concretas que necesitan revisión.
Cómo funciona
La herramienta recupera el HTML público y hasta cuatro hojas de estilo, cuenta bytes durante la transferencia y busca viewport, reglas @media, anchuras fijas y fuentes pequeñas. Cada regla aporta una cantidad documentada de puntos al total. La captura de teléfono es una ejecución separada en Chrome headless y se usa como prueba complementaria, no para modificar retroactivamente la puntuación estática.
Limitaciones
- Google retiró Mobile-Friendly Test y el informe de usabilidad móvil de Search Console a finales de 2023. Este modelo propio de siete partes usa heurísticas de producto, no criterios de elegibilidad de Google ni un sustituto de las pruebas en dispositivos reales.
- El análisis estático no ejecuta JavaScript y puede omitir CSS aplicado en tiempo de ejecución. La captura usa un solo viewport y un presupuesto compartido del navegador; contrasta una puntuación límite en dispositivos representativos.
Preguntas frecuentes
Google retiró su prueba de adaptación móvil, ¿esta la sustituye?
Google retiró la prueba independiente y el informe de usabilidad móvil de Search Console a finales de 2023. Esta herramienta aplica su propio modelo de diagnóstico de siete partes. Son heurísticas del producto para detectar posibles problemas de diseño, no criterios de aptitud de Google ni sustituyen las pruebas en dispositivos reales.
¿La prueba renderiza JavaScript?
La puntuación de 0 a 100 procede de un análisis estático del HTML y de hasta cuatro hojas de estilo, sin ejecutar JavaScript. La captura del teléfono es una vista previa de un navegador automatizado y aporta evidencia, pero representa un único tamaño y entorno. Si hay discrepancias, inspecciona la página y prueba dispositivos efectivos representativos.
¿Por qué perdí 30 puntos por la etiqueta de ventana gráfica?
La comprobación vale 30 de 100 puntos porque es la configuración de la que depende el comportamiento móvil. Sin la etiqueta meta correspondiente, el teléfono renderiza la página a unos 980px de ancho y la reduce, lo que empequeñece texto y objetivos táctiles. Se corrige en la cabecera con una etiqueta que iguale la anchura al dispositivo y establezca una escala inicial de uno. Impedir la ampliación mediante atributos restrictivos conserva la mayor parte de los puntos, pero genera un aviso de accesibilidad.
¿Qué se considera un elemento de anchura fija?
La comprobación de contenido ajustado a la ventana gráfica marca cualquier elemento con más de 400px fijos, ya sea mediante una regla en línea o un atributo de anchura. Esas medidas pueden desbordar una pantalla y forzar desplazamiento lateral. Uno o dos casos producen aviso; tres o más, fallo. Usa una anchura máxima con porcentajes o unidades relativas para que los bloques se reduzcan.
La captura indica que no está disponible, pero recibí una puntuación. ¿Es un error?
No. La puntuación y las siete comprobaciones proceden del análisis HTML gratuito, que se ejecuta primero. La captura es un renderizado medido separado que puede omitirse al alcanzar el límite diario o mensual, si el servicio está ocupado o si la página bloquea navegadores automatizados. En todos esos casos la puntuación no cambia: el análisis no depende de la captura.
Problemas habituales y cómo solucionarlos
- Error La metaetiqueta de ventana gráfica falta o no es válida Solución: Añade una metaetiqueta de ventana gráfica válida con width=device-width a la cabecera HTML inicial.
- Advertencia Faltan señales de CSS adaptable Solución: Añade puntos de interrupción de CSS adaptable que ajusten el diseño y la tipografía a ventanas estrechas.
- Error El contenido de ancho fijo supera la ventana gráfica Solución: Sustituye las anchuras rígidas que rompen el área visible por max-width flexible, porcentajes o tamaños mediante grid o flex.
- Advertencia El texto es demasiado pequeño para leerlo en móvil Solución: Aumenta el texto principal del cuerpo en móvil a un tamaño legible y evita texto esencial inferior a 12 píxeles CSS.
- Advertencia Las imágenes no se dimensionan de forma adaptable Solución: Limita las imágenes con max-width:100% y height:auto, y proporciona orígenes adaptables cuando resulten útiles.
- Advertencia El peso de la página HTML es alto Solución: Elimina la carga insertada innecesaria, comprime los recursos y aplaza los que no sean críticos para reducir el coste de transferencia en móvil.
- Error Hay contenido de complementos que no es compatible Solución: Sustituye Flash, las miniaplicaciones de Java u otro contenido de complementos no compatible por HTML, CSS y JavaScript nativos.