No Mundoapps.net vamos te ensinar a abra e inspecione o código-fonte de qualquer página da web, usando Google Chrome no Mac ou Windows. Uma nova guia é aberta junto com todo o HTML da página da web, totalmente expandido e não formatado.

Se você estiver procurando por um elemento específico ou parte do Código-fonte HTML, usar Exibir código-fonte é entediante e complicado, especialmente se a página usa muito JavaScript e CSS.

Como visualizar o código HTML no Google Chrome

Inspecione a fonte usando ferramentas de desenvolvedor

►Você também pode estar interessado em: Como desativar pop-ups no Google Chrome◄

Este método usa o painel de ferramentas do desenvolvedor no Chrome e é uma abordagem muito mais limpa para visualizar o código-fonte. HTML é mais fácil de ler aqui graças à formatação adicional e à capacidade de recolher itens que você não está interessado em ver.

  1. Abra o Chrome e vá para a página que deseja inspecionar; em seguida, pressione Ctrl + Shift + i. Um painel encaixado será aberto próximo à página da web que você está visualizando.
  2. Clique na pequena seta cinza ao lado de um item para aumentar ainda mais o zoom.
  3. Se você não quiser ver o código completo da página por padrão, mas em vez disso inspecione um elemento específico do HTML, clique com o botão direito nesse espaço da página e clique em “Inspecionar
  4. Desta vez, quando o painel for aberto, ele irá diretamente para a parte do código que contém o elemento em que você clicou.
  5. Se você quiser alterar a posição do encaixe, pode movê-lo para baixo, para a esquerda, para a direita ou até desencaixá-lo em uma janela separada. Clique no ícone do menu (três pontos) e, em seguida, escolha encaixar em uma janela separada, encaixar à esquerda, encaixar na parte inferior ou encaixar à direita, respectivamente.

Isso é tudo que você precisa fazer. Quando terminar de visualizar o código, feche a guia Exibir código-fonte ou clique no “X” no painel Ferramentas do desenvolvedor para retornar à sua página da web.

►Leia: Como desbloquear sites no Google Chrome. TUTORIAL 2020

Conclusão

Em Mundoapps.neesperamos que você tenha aprendido Como visualizar o código HTML no Google ChromeSe você acha que algo precisa ser mencionado, deixe seu comentário.