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.
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.
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.
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.
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.
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.
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.