Como exibir o código HTML de uma página Web nos navegadores

Cada navegador tem uma forma de permitir que vejamos o código HTML. Veja aqui os atalhos de teclado para visualizá-lo e dicas para explorar o código.

Em várias situações, precisamos ver o código HTML da página web onde estamos trabalhando e/ou visitando. Para fazer isso, cada navegador tem um ou mais procedimentos, porém todos são bastante simples.

Como ver o código HTML no Chrome

No Chrome, o atalho é o mesmo que no Firefox, ou seja, pressione as teclas Ctrl + U ou abra e vá para a página alvo e clique no ícone de configurações, na parte superior da mesma, selecione Mais ferramentas > Ferramentas do desenvolvedor > menu Customise and Control DevTools (Ferramentas Personalizar e Controle) e, em seguida, clique na aba HTML:


Saiba que, como no Firefox, a tecla F12 abre a ferramenta de desenvolvedor interativa.

Chrome no Android

No seu celular, abra o Chrome e a página da Web da qual gostaria de ver o código fonte. Toque na barra de endereços (uma vez) e mova o cursor para o início do URL. Digite, antes do endereço da página exibida,

view-source:

. Por exemplo,

view-source:https://br.ccm.net/

e pressione a tecla Enter ou Go.

Como visualizar o código HTML no Firefox

Para ver o código fonte de uma página da Web no Firefox, abra a página Web em questão, pressione, simultaneamente, as teclas Ctrl + U no teclado do computador. Na barra de menus, na parte superior da página, selecione Ferramentas > Web Developer (Desenvolvedor Web) e Page Source (Código da página). Pronto, você poderá visualizar o código HTML da página Web:


Se você usar uma das últimas versões do Firefox e pressionar a tecla F12 a ferramenta de desenvolvedor interativa será aberta com mais opções para o código fonte e as configurações CSS. O usuário poderá, por exemplo, ver as alterações da página da web no código.

Como mostrar o código HTML em uma página Web no Safari

Pressione, simultaneamente, as teclas Cmd + Alt + U ou clique direito em uma parte vazia da página da Web e selecione Ver código-fonte no menu de contexto. Senão, a outra opção é navegar até a página Web de sua escolha, selecionar o menu Desenvolvedor e escolher a opção Ver código-fonte.

Como fazer aparecer o código-fonte de uma página Web no Opera

Para exibir o código-fonte de uma página da Web no Opera, pressione Ctrl + U no teclado ou, no navegador, abra a página da Web de sua escolha e clique em Personalizar e controlar no menu do canto superior direito da janela do mesmo. Ponha o cursor do mouse sobre o desenvolvedor e clique em Ver código-fonte.

Como visualizar e realçar apenas uma parte do código HTML de uma página

Se você precisa ver uma parte do código HTML da página, vá na página Web em questão e selecione o trecho desejado. No Firefox, clique direito no menu de contexto aberto e escolha Ver código fonte selecionado e, no Chrome, escolha Inspecionar:

Foto: © Lee Campbell - Unsplash.

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Veja também
Este documento, intitulado 'Como exibir o código HTML de uma página Web nos navegadores', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade