Consulte metadados públicos e prévias estáticas de HTML, CSS e imagens sem JavaScript, em tamanhos de computador, tablet e celular.
Consulte metadados públicos e prévias estáticas de HTML, CSS e imagens sem JavaScript, em tamanhos de computador, tablet e celular.
https://clocktools.app/Use uma página HTTPS pública para uma prévia estática; HTTP permite apenas metadados. Não inclua credenciais, portas personalizadas, links assinados nem identificadores pessoais.
1440×900 · 820×1180 · 390×844São áreas de visualização em pixels CSS, não aparelhos específicos nem uma comparação entre navegadores.
PNG · JSONConfira primeiro o estado da captura. Baixe PNG apenas se houver uma captura real; exporte os metadados separadamente.
Antes de publicar um modelo de artigo, selecione desktop e celular; adicione tablet para a transição intermediária. Compare títulos, navegação, imagens e conteúdo nas dimensões exatas. Guarde PNGs válidos e JSON no chamado. Menus, formulários e conteúdo JavaScript precisam de testes separados no navegador comum.
Na migração, confira título, primeiro H1, canonical e robots com URL final e status. Exporte metadados mesmo sem imagem. Canonical diferente é pista de configuração, não escolha comprovada do buscador. Revise fonte e implantação pretendidas, sem julgar SEO por uma captura.
Se a prévia parece vazia ou sem estilo, leia avisos de captura e recursos omitidos primeiro. Compare localmente sem e com JavaScript. Isso ajuda a separar estrutura dinâmica de CSS ou imagens ausentes. Captura falha e imagem válida de pouco conteúdo exigem relatos diferentes.
Media queries CSS adaptam estilos às condições da área visível. Seus pixels são CSS, não a quantidade física anunciada para um telefone. Uma largura de 390 pixels não certifica um modelo de celular.
A página pode funcionar nas larguras escolhidas e transbordar entre elas. Revise textos longos, orientação, zoom e interação separadamente. Uma imagem do primeiro viewport não valida o restante da página ou uma compra completa. Especificação de media queries do W3C.
Uma prévia estática exibe HTML, CSS e imagens compatíveis sem JavaScript. Os metadados são extraídos separadamente do HTML de origem limitado; nenhum resultado comprova um DOM gerado por JavaScript.
Somente recursos HTTPS públicos validados são elegíveis. Scripts, fontes externas, quadros, mídia e conexões ficam desativados. Recursos ausentes alteram a aparência; um PNG válido pode mostrar um site dinâmico incompleto ou vazio. Restrições de solicitações do navegador.
Exemplo ilustrativo: uma página retorna HTTP 200 e um título, mas nenhuma prévia está disponível. Isso comprova uma resposta de origem, não uma interface desenhada. Consulte a falha específica; HTTP, conteúdos incompatíveis e limites podem deixar apenas metadados.
Existem desktop 1440 × 900, tablet 820 × 1180 e celular 390 × 844. Desktop e celular são o padrão; adicione tablet para a largura intermediária. Ao menos uma opção permanece selecionada. São viewports fixos, não catálogo de aparelhos. Não há largura personalizada, orientação, família de navegador ou emulação de toque.
Confira caminho HTTPS público específico, não só a inicial. Artigo longo, listagem ou tradução pode exigir mais do modelo. Use o mesmo caminho nos tamanhos relevantes e anote o conteúdo inicialmente visível. A especificação W3C de media queries descreve condições CSS por largura; aqui importa se o layout estático permanece utilizável nesses tamanhos.
No exemplo fixo, título de uma linha no desktop ocupa três no celular. Isso não é defeito automaticamente. Procure palavras cortadas, sobreposição ou ação principal afastada sem continuidade útil. Teste larguras intermediárias, zoom e orientação localmente. Três amostras não certificam todos os breakpoints ou aparelhos.
| Viewport | Revisão útil | Não comprovado |
|---|---|---|
| 1440 × 900 | Navegação ampla, colunas e títulos | Todos os monitores, navegadores e zooms |
| 820 × 1180 | Transições intermediárias | Tablet específico ou interação por toque |
| 390 × 844 | Texto estreito, imagens e área inicial | Celular específico, teclado ou todas as larguras móveis |
A prévia desenha HTML obtido, CSS e imagens suportados sem JavaScript. Título de servidor pode aparecer, gráfico cliente faltar. Só captura o primeiro viewport, não toda a página; conteúdo abaixo não foi inspecionado visualmente. PNG válido comprova captura estática no tamanho escolhido, não carga completa da aplicação.
Fontes externas, frames e mídia ficam excluídos. Fontes alternativas mudam largura de palavras, quebras e alturas; ícones de fonte podem desaparecer. Havendo recursos omitidos, trate a imagem como parcial. Investigue que diferenças podem vir disso antes de alterar espaçamento do site.
A limitação ajuda a observar HTML inicial. Num exemplo fixo, artigo de servidor mantém texto sem JavaScript, enquanto app com apenas contêiner raiz fica escassa mesmo com 200 e título. Isso não avalia sozinho melhoria progressiva ou disponibilidade geral. Compare sua fonte e navegador normal para decidir se a ausência é intencional.
Os metadados são extraídos separadamente do HTML recebido, não de um DOM alterado por JavaScript nem dos pixels da captura. As linhas visíveis do painel de resultados mostram o status da resposta, o título, o primeiro H1, canonical, robots, o tipo de conteúdo, o tamanho do HTML inspecionado e o tempo aproximado de resposta. A exportação JSON também conserva a descrição e o valor viewport extraídos, a URL final e os redirecionamentos; descrição e viewport não têm linhas visíveis próprias. Use esses dados adicionais para distinguir a configuração da página de um problema de captura, sem tratá-los como um parecer de um mecanismo de busca.
Um campo ausente ou vazio não prova que a marcação equivalente esteja ausente da página completa. O analisador HTML lê os atributos pelo nome: mudar sua ordem não impede a extração, e os atributos comuns com ou sem aspas são aceitos. A inspeção é limitada, porém, e o truncamento pode deixar tags posteriores fora do código examinado. O relatório apresenta o primeiro H1, não toda a hierarquia de títulos, e não examina conteúdo gerado por JavaScript. Se a análise falhar, o resultado informa metadados indisponíveis e uma captura com falha, em vez de confirmar a ausência de tags. Compare o código recebido sem login com o DOM alterado do seu navegador antes de acrescentar tags duplicadas como uma suposta correção.
A relação canonical do HTML identifica URL preferida. Verifique se não aponta a ambiente antigo ou caminho errado; não comprova a escolha do buscador. A documentação de robots do Google explica diretivas, mas um meta não determina crawl ou indexação. Cabeçalhos e outras condições exigem análise separada.
Título familiar com imagem de login ou desafio pede comparar resposta anônima, não concluir renderização autenticada. Metadados e captura são requisições separadas e podem ter conteúdo, cache ou momento de implantação diferentes. Preserve os estados sem usar um para preencher evidência ausente no outro.
Leia cada tamanho individualmente. Uma captura válida não aprova celular com falha. Só metadados ainda são úteis, mas não fornecem evidência visual daquele viewport. HTTP só oferece metadados; use HTTPS público real para capturar, sem supor que uma redireção HTTP amplia essa capacidade.
Se metadados falham, resolva primeiro essa resposta. Para captura, leia motivo concreto: status da fonte, conteúdo não suportado, redireção ou limites de requisições, bytes e tempo. PDF e JSON não são testes de layout HTML. Não obter uma captura aceita não é o mesmo que obter uma captura aceita que aparece em branco.
Numa imagem parcial válida, compare os avisos com os sintomas visíveis. Se o texto aparecer sem formatação, confira as folhas de estilo CSS e seu tipo de conteúdo. Se faltarem imagens, verifique se elas podem ser carregadas. Se uma aplicação mostrar pouco conteúdo, investigue sua dependência de JavaScript. São pistas de investigação, não diagnósticos concluídos. Mude seu site só depois de reproduzir o problema com seus arquivos de origem e requisições reais.
| Resultado | Afirmação útil | Preservar |
|---|---|---|
| Só metadados | Fonte disponível, sem prévia aceita naquele tamanho | Status, URL, campos e erro de captura |
| PNG estático aceito | Área estática inicial capturada | Dimensões, hora, PNG e avisos |
| PNG aceito escasso ou vazio | Pouco conteúdo visível no documento estático | Fonte comparada e teste local sem JavaScript |
| Um tamanho falhou | Cobertura incompleta | Resultados por tamanho, não só imagem válida |
Guarde caminho, tamanhos, hora, metadados e resultados individuais em JSON. Baixe PNG só de captura bem-sucedida. Imagem conserva aparência; JSON preserva contexto e erros perdidos num recorte. Nome de arquivo não comprova página, momento e condições.
Descreva elemento, largura e efeito: por exemplo, nome longo cortado a 390 pixels, legível a 820. Inclua caminho público e possíveis efeitos de recursos omitidos ou ausência de JavaScript. Isso orienta melhor que “celular falhou”, principalmente quando a captura terminou normalmente.
Finalize localmente com teclado, menus, formulários autorizados e estados de carga e erro. Confira navegadores e aparelhos realmente suportados. A ferramenta não mede acessibilidade, Core Web Vitals ou latência de interação. Cancele ou redefina ao trocar entrada; compartilhar não congela página nem resultado.
Verificamos separadamente os metadados e a aparência estática da página, sem entrar em contas nem fornecer credenciais privadas. Cada prévia aceita tem as dimensões escolhidas. Se faltar uma prévia ou algum recurso, avisamos; os metadados, por si só, não comprovam que a página inteira foi exibida.
A prévia mostra a área inicialmente visível, não uma renderização JavaScript completa, captura da página inteira, nota de desempenho ou auditoria de acessibilidade. Fontes externas, conteúdo incorporado, mídia e elementos carregados dinamicamente podem faltar, alterando a aparência em relação ao seu navegador. Use apenas páginas públicas e teste as interações nos seus dispositivos. Ao cancelar, resultados tardios não substituem a visualização atual.
Relate um problema reproduzível pela página de contato, incluindo a URL da ferramenta, uma entrada sem dados confidenciais, o horário da verificação, o resultado esperado e a evidência da fonte. Anexe a resposta pública quando possível, sem dados de conta nem links secretos. Uma mudança na fonte não é necessariamente um erro de cálculo. Compare o mesmo nome, página e momento.
HTTP, conteúdo não suportado, erro de fonte ou limite podem deixar metadados sem imagem aceita. Leia aviso por tamanho. Título e resposta não comprovam uma página desenhada; falta de captura não diagnostica site vazio.
Não. Desenha HTML, CSS e imagens suportados sem scripts da página. Widgets, rotas e conteúdo cliente podem faltar. Compare navegador normal e teste local sem JavaScript; imagem estática válida não significa aplicação interativa validada.
Não. Fixam 1440 × 900, 820 × 1180 e 390 × 844. Não comprovam toque, densidade, sistema ou família de navegador. Faça testes responsivos e físicos próprios para essas condições.
Fontes externas ficam excluídas; alternativas alteram quebras e espaçamento, e ícones tipográficos podem faltar. Frames, mídia e recursos dinâmicos também podem ser omitidos. Confira avisos antes de chamar a diferença de defeito CSS.
Não. Descreve resposta HTTP, não todos os recursos ou interações. Estrutura de app JavaScript pode retornar 200 e pouco conteúdo estático. Revise imagens e avisos por tamanho, depois teste comportamento real no navegador.
JavaScript pode adicioná-los, podem faltar na fonte anônima ou não ser reconhecidos pelo extrator. Truncamento também omite markup posterior. Compare fonte, não só DOM, antes de alterar ou duplicar tags.
Não. Registra o viewport inicial selecionado. Conteúdo inferior, rolagem, carga tardia e elementos fixos após scroll precisam de revisão separada. O download não prova que todas as seções foram inspecionadas.
Não. Use páginas públicas sem credenciais, tokens ou dados de conta. Sua sessão não é enviada. Confira privado localmente com ferramentas autorizadas, sem inserir links de acesso num verificador público.
Não. Não estabelecem indexação, canonical escolhido ou acessibilidade. Use ferramentas de crawl, fonte e cabeçalhos para indexação, e avaliação independente com teclado e tecnologias assistivas para acessibilidade. Uma imagem organizada não responde isso.