Ver o HTML de um site: código-fonte e Inspecionar

Atualizado em 2 de novembro de 2026

Para ver o código HTML de um site, abra a página e use Ctrl+U no Chrome, Edge ou Firefox no Windows. Para examinar um elemento que aparece na tela, clique nele com o botão direito e escolha Inspecionar. A primeira opção mostra o código-fonte recebido; a segunda acompanha a estrutura atual da página, inclusive mudanças feitas por JavaScript.

Código HTML de uma página aberto no navegador — Código-fonte e estrutura atual da página podem apresentar conteúdos diferentes.

Ver o código-fonte da página

Abra a página que deseja consultar.
No Windows, pressione Ctrl+U ou procure Exibir código-fonte da página no menu de contexto, quando disponível.
Na visualização de código, use Ctrl+F para localizar uma palavra, uma tag ou um endereço.

No Chrome para macOS, o atalho correspondente é Command+Option+U. Consulte os menus e a documentação do navegador se o seu sistema usar outro atalho. Sites podem personalizar o menu do botão direito, e teclados de notebooks podem exigir a tecla Fn em combinações com teclas de função.

O código-fonte pode incluir HTML, referências a CSS e JavaScript e dados enviados ao navegador. Ele não mostra automaticamente todo o projeto usado para construir o site.

Inspecionar um elemento que está na tela

Clique com o botão direito sobre o texto, imagem ou botão e selecione Inspecionar. O navegador abrirá as ferramentas de desenvolvimento no painel de elementos ou no inspetor. No Windows, F12 ou Ctrl+Shift+I são atalhos comuns para abrir essas ferramentas, conforme o navegador e a configuração.

Use o seletor de elementos para apontar para outra parte da página. O painel mostra o DOM, a estrutura que o navegador mantém naquele momento. É útil para descobrir a tag de um título, o endereço de uma imagem e os estilos aplicados.

As instruções do modo de inspeção do Chrome DevTools e a lista de atalhos das ferramentas do Firefox detalham as diferenças de controle.

Código-fonte ou Inspecionar: qual usar?

Objetivo	Onde olhar	Limitação
Consultar o HTML inicial	Exibir código-fonte.	Conteúdo inserido depois pode não aparecer ali.
Examinar um texto visível	Elementos ou Inspetor.	Mostra o estado atual, que pode ter sido alterado.
Entender uma cor ou tamanho	Painel de estilos nas ferramentas.	O resultado pode vir de várias regras CSS.
Encontrar código do servidor	Essas ferramentas não fornecem o projeto do servidor.	PHP, credenciais e lógica interna não são revelados por esse recurso.

Por que um texto aparece na página, mas não no código-fonte?

O JavaScript pode buscar dados e inserir elementos depois da resposta inicial. Compare o código-fonte com o painel Elementos ou Inspetor antes de concluir que o texto não existe. O estado de login, o consentimento e as interações também podem mudar o que você vê.

Em páginas grandes, a maior parte do conteúdo pode estar compactada em poucas linhas. Use a busca e selecione um elemento visível para se orientar. Abrir o código não exige instalar uma extensão; os navegadores já fornecem essas ferramentas.

Editar pelo inspetor muda o site?

Uma alteração de texto ou estilo feita no inspetor normalmente afeta apenas a página carregada no seu navegador. Ela não publica uma mudança no servidor e costuma desaparecer ao recarregar. Para editar o site de forma permanente, é preciso usar o sistema de publicação ou o código do projeto com a autorização apropriada.

Se deseja apenas acessar a página com mais facilidade, veja como criar um atalho de um site. Para conferir os programas de desenvolvimento instalados no computador, use a lista de aplicativos do Windows.