Testador de compatibilidade com dispositivos móveis
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.
As verificações são executadas em nosso servidor; buscamos a URL informada e não guardamos os 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. Contadores anônimos de resultados por execução podem ser usados em pesquisas agregadas; URLs, domínios, IPs e identificadores nunca são incluídos, e nenhuma estatística é divulgada com menos de 100 execuções.
+ salva o site ou a página atual. Use ☆ ao lado de qualquer site, página ou lista salva para adicioná-la aos favoritos. O histórico de verificações recentes aparece abaixo.
Criar uma lista nomeada
Alvo preenchido a partir das suas escolhas locais.
Passaporte do site Contexto local deste site salvo
Dados locais
Alvos salvos, listas nomeadas e resumos de verificações recentes permanecem apenas neste 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.
Avaliar esta ferramenta
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.
Sobre esta ferramenta
Grátis, sem cadastro. Run este tool's seven weighted mobile-layout verificações e get um 0–100 diagnostic pontuação,
Run um seven-part mobile-layout diagnostic com um 0–100 product pontuação e um phone-viewport prévia.
Recursos
- Leitura o 0–100 pontuação e rating em o gauge, então work down o verificação
- O 0–100 pontuação comes de um static-analysis pass over o HTML e up para four stylesheets, so isso faz não execute JavaScript. O phone screenshot é um headless-Chrome prévia e useful supporting evidência, but isso é ainda um viewport e um rendering environment. Trate disagreements como um prompt para inspecionar o página e test representative real devices.
- Responsive CSS é inferred de o presence de @media rules (em o HTML e up para four
- O gauge colour e rating come de o total pontuação:
Como funciona
O pontuação é static analysis, so isso faz Não executado JavaScript — CSS applied em runtime
Limitações
- Google removido o standalone Mobile-Friendly Test e o mobile-usability relatório em Search Console em late 2023. Este ferramenta applies seu own seven-part diagnostic model. Esses verificações são product heuristics para constatação provável mobile-layout problems, não Google eligibility criteria ou um replacement para testing em real devices.
- leitura lower than isso merece. Isso tests um URL um público rastreador pode reach — login-gated ou blocked
Perguntas frequentes
O Google descontinuou o Teste de compatibilidade com dispositivos móveis. Esta ferramenta o substitui?
O Google removeu o Teste de compatibilidade com dispositivos móveis independente e o relatório de usabilidade em dispositivos móveis do Search Console no fim de 2023. Esta ferramenta aplica seu próprio modelo de diagnóstico em sete partes. Essas verificações são heurísticas do produto para encontrar possíveis problemas de disposição móvel, não critérios de qualificação do Google nem substitutos para testes em dispositivos reais.
Pergunta: O teste renderiza JavaScript?
Resposta: A pontuação de 0–100 vem de uma análise estática do HTML e de até quatro folhas de estilo, portanto não executa JavaScript. A captura de tela no celular é uma prévia do navegador sem interface e serve como evidência complementar, mas ainda representa apenas uma área visível e um ambiente de renderização. Use divergências como motivo para inspecionar a página e testar dispositivos reais representativos.
Por que perdi 30 pontos por causa da tag área visível?
A verificação de área visível vale 30 dos 100 pontos porque ela é a configuração da qual dependem todos os outros comportamentos móveis. Sem a tag <meta name="área visível">, os celulares renderizam sua página com cerca de 980px de largura e a reduzem para caber na tela, deixando o texto minúsculo e os toques imprecisos. A correção é uma linha no <head>: <meta name="área visível" content="largura=device-largura, inicial-scale=1">. Desativar o ampliação (usuário-scalable=no ou maximum-scale=1) mantém a maior parte dos pontos, mas reduz o resultado para um alerta porque isso é uma falha de acessibilidade.
Pergunta: O que é considerado um elemento de largura fixa?
Resposta: A verificação “Conteúdo dimensionado para a área visível” sinaliza qualquer elemento com largura fixa acima de 400px — seja em um estilo:largura incorporado, seja em um atributo largura="…". Essas são as larguras com maior probabilidade de ultrapassar a tela do celular e forçar rolagem na na na na rolagem lateral. Um ou dois casos geram alerta; três ou mais causam reprovação. Use máximo-largura com porcentagem ou unidades relativas para que os blocos encolham em telas pequenas.
A captura de tela diz “indisponível”, mas ainda recebi uma pontuação. Isso é um erro?
Não. A pontuação e as sete verificações vêm da análise gratuita do HTML, executada primeiro. A captura de tela no celular é uma renderização separada e com uso medido, que pode ser ignorada quando um limite diário ou mensal de custo definido pelo sistema é atingido, quando o renderizador está temporariamente ocupado ou quando a página bloqueia navegadores sem interface. Em todos esses casos, a observação é propositalmente tranquila e a pontuação não muda — a análise nunca depende da captura de tela.
Problemas comuns e como corrigi-los
- Erro área visível meta tag é ausente ou inválido Correção: Resultado da verificação para dispositivos móveis: Adicione um valid largura=device-largura área visível meta tag para o inicial HTML head. (width=device-width)
- Aviso Responsive CSS signals são ausente Correção: Adicione responsive CSS breakpoints que adapt layout e typography para narrow viewports.
- Erro fixo-largura conteúdo excede o área visível Correção: Resultado da verificação para dispositivos móveis: substitua área visível-quebrando fixo larguras com fluido máximo-largura, percentual, grid, ou flex dimensionamento. (max-width)
- Aviso Texto é demais pequeno para celular leitura Correção: aumente celular corpo texto para um legível referência tamanho e evite essencial texto abaixo 12 CSS píxeis.
- Aviso imagens são não dimensionado responsivamente Correção: Resultado da verificação para dispositivos móveis: limite imagens com máximo-largura:100% e height:auto, e fornecer responsivo origens onde útil. (max-width:100%)
- Aviso HTML página peso é alto Correção: Remova desnecessário incorporado carga, comprima recursos, e adie não críticos recursos para reduza celular transferência custo.
- Erro incompatível extensão conteúdo é presente Correção: substitua Flash, Java miniaplicativos, ou outro sem suporte extensão conteúdo com nativo HTML, CSS, e JavaScript.