Visualizar a fonte renderizada de uma página

Visão geral

Quando você visita uma página, o site envia código HTML para seu navegador. Muitas vezes, esse código-fonte inclui recursos adicionais, como scripts, que precisam ser carregados e que podem alterar o código da página.

Normalmente, clicar com o botão direito em "Mostrar fonte" exibe somente o código da página original retornado ao navegador, antes de os scripts e outros recursos serem carregados e executados. No entanto, em muitos casos, principalmente ao resolver problemas em uma página, é necessário ver o código da página final renderizada no navegador, depois que todos os recursos são carregados e os scripts são executados. Exemplo:

  • Pesquisar tags do Google Analytics ou do Gerenciador de tags do Google usadas na verificação
  • Depurar o carregamento e a exibição da página, ou seja, verificar se todas as bibliotecas e outros recursos desejados foram carregados
  • Ver os dados estruturados na página veiculada

Como visualizar a fonte renderizada

Veja alguns métodos para exibir o código-fonte renderizado de uma página da Web:

  • No navegador Chrome: clique com o botão direito do mouse em qualquer parte da página e selecione Inspecionar para ver todo o HTML da página renderizada. Pesquise itens no HTML renderizado usando Control + F (Windows) ou Command + F (Mac).
  • No caso de uma página no seu próprio site: 
    1. Inspecione o URL inserindo-o diretamente na Ferramenta de inspeção de URL ou clicando em um link de inspeção ao lado de um URL exibido na maioria dos relatórios do Search Console.
    2. Clique em Testar o URL publicado > Ver a página testada.
    3. A guia HTML mostra o HTML renderizado da página.
  • No caso de páginas em qualquer site, não apenas no site da sua propriedade:
    1. Abra o teste de compatibilidade com dispositivos móveis.
    2. Insira o URL da página. A página precisa estar disponível para o Google sem um login e não deve ser bloqueada pelo robots.txt.
    3. Clique em Ver a página testada.
    4. A guia HTML mostra o HTML renderizado da página.

Isso foi útil?

Como podemos melhorá-lo?
Pesquisa
Limpar pesquisa
Fechar pesquisa
Google Apps
Menu principal