Como Visualizar O Código-fonte Da Página

Índice:

Como Visualizar O Código-fonte Da Página
Como Visualizar O Código-fonte Da Página

Vídeo: Como Visualizar O Código-fonte Da Página

Vídeo: Como Visualizar O Código-fonte Da Página
Vídeo: Dica - Código fonte do site - Parte 1 - Como visualizar - Jasa Produções 2024, Maio
Anonim

A navegação em um navegador é organizada da seguinte maneira: o programa envia uma solicitação ao servidor especificado no link e, em resposta, recebe um conjunto de "peças de reposição" e instruções de montagem. As peças sobressalentes são imagens, elementos flash, som e outros arquivos, e instruções sobre como colocá-los corretamente na página, colorir o fundo, usar certos tipos e tamanhos de fonte, etc. estão contidos no código-fonte da página. O usuário do navegador pode ver este código em si, e não apenas a página montada de acordo com suas instruções.

Como visualizar o código-fonte da página
Como visualizar o código-fonte da página

Instruções

Passo 1

Os navegadores modernos possuem funcionalidade incorporada para visualizar o código-fonte de uma página. Por exemplo, no Opera, para ativar esta opção, clique no espaço da página aberta do site que está livre de imagens, links e outros elementos e no menu de contexto drop-down selecione o item "Código fonte". O navegador abrirá o código-fonte em uma guia separada, colorindo as linhas relacionadas às tags HTML, scripts e texto simples em três cores.

Passo 2

Pontos semelhantes, mas redigidos de forma um pouco diferente, estão no menu de contexto e em outros navegadores. Por exemplo, no Google Chrome este item é denominado "Exibir código da página", no Mozilla Firefox selecione a linha "Código-fonte da página", e no Internet Explorer - "Exibir código HTML". O esquema de cores do código também será ligeiramente diferente em diferentes aplicativos.

etapa 3

O navegador Google Chrome tem uma opção de visualização de código-fonte muito mais avançada. Para utilizá-lo, no mesmo menu de contexto, selecione o item "Ver código do elemento". Depois disso, a aba com a página da web aberta será dividida em dois frames - no superior sua aparência permanecerá, e no inferior haverá informações detalhadas coletadas não apenas das tags do código-fonte, mas também das incluídas Arquivos de estilo CSS. Você pode selecionar as linhas de origem no quadro inferior e o navegador destacará na parte superior as áreas da página que são formadas por essas linhas. Da mesma forma, selecionar um elemento no quadro superior fará com que o código correspondente seja exibido no quadro inferior.

Passo 4

Se a página for salva no disco rígido do seu computador, o arquivo pode ser aberto com qualquer editor de texto - o código-fonte é escrito nele como texto simples. Basta arrastar este arquivo para a janela do Notepad, Word ou qualquer outro aplicativo desse tipo em execução. Usando um editor regular, você pode não apenas visualizar o código-fonte, mas também editá-lo.

Recomendado: