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

Agosto 2017

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 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 alterar e exibir ao vivo o código HTML no Mozilla Firefox

Existe uma extensão para o Firefox, chamada Firebug, que além de exibir o código-fonte de uma página, também permite alterar e mostrar essas alterações, online e imediatamente, pelo navegador.

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

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:


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.

Como funciona no navegador 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 do mouse para a frente do URL. Digite, antes do endereço da página exibida,
view-source:
. Por exemplo,
view-source:http://br.ccm.net/</i></pre>
e pressione a tecla Enter ou Go.

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.
Foto: © kbuntu - 123RF.com

Veja também

Publicado por ninha25. Última modificação: 22 de fevereiro de 2017 às 09:14 por pintuda.
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.