Como Visualizar o Código Fonte

PDF download Baixe em PDF
Coescrito por Equipe wikiHow

PDF download Baixe em PDF

Este artigo vai ensiná-lo como visualizar o código fonte de uma página web, ou seja, a linguagem de programação por trás dele, na maioria dos navegadores de internet. Com exceção de um truque do Safari, não é possível visualizar o código fonte de um site usando um navegador móvel.

Método 1
Método 1 de 2:

Chrome, Firefox, Edge e Internet Explorer

PDF download Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-460px-View-Source-Code-Step-1-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-728px-View-Source-Code-Step-1-Version-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    O processo de exibição do código fonte nos navegadores Chrome, Firefox, Microsoft Edge e Internet Explorer é bastante parecido.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-460px-View-Source-Code-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-728px-View-Source-Code-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esse deve ser o site cujo código fonte você quer visualizar.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-460px-View-Source-Code-Step-3-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-728px-View-Source-Code-Step-3-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Caso esteja usando um Mac com um mouse de um só botão, pressione a tecla Control e dê o clique. Caso esteja usando o trackpad do notebook, use dois dedos para clicar na página. Fazê-lo vai abrir um menu suspenso.
    • Não clique com o botão direito sobre um link ou imagem, senão o menu errado irá aparecer.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-460px-View-Source-Code-Step-4-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-728px-View-Source-Code-Step-4-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Fazê-lo vai exibir o código fonte em uma nova janela do navegador de internet ou na parte inferior da janela atual.
    • Você verá a mensagem Exibir fonte da página no Chrome e Firefox, e Exibir fonte no Microsoft Edge e Internet Explorer.
    • Também é possível exibir o código fonte pressionando as teclas Ctrl + U (Windows) ou ⌥ Option + ⌘ Command + U (Mac).
    Publicidade
Método 2
Método 2 de 2:

Safari

PDF download Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-460px-View-Source-Code-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-728px-View-Source-Code-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ele tem o ícone de uma bússola azul.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-460px-View-Source-Code-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-728px-View-Source-Code-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Essa opção se encontra no canto superior esquerdo da barra de menu do Mac. Fazê-lo vai abrir um menu suspenso.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-460px-View-Source-Code-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-728px-View-Source-Code-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Essa opção está na metade do menu suspenso.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-460px-View-Source-Code-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-728px-View-Source-Code-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Essa opção se encontra no canto superior direito da janela "Preferências".
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-460px-View-Source-Code-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-728px-View-Source-Code-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Essa opção está próxima ao final da janela "Preferências". Você deverá ver o menu Desenvolvedor na barra de menu do Mac.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-460px-View-Source-Code-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-728px-View-Source-Code-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esse deve ser o site cujo código fonte você quer visualizar.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-460px-View-Source-Code-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-728px-View-Source-Code-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esse menu está do lado esquerdo do menu Janela na barra de menu do Mac.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-460px-View-Source-Code-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-728px-View-Source-Code-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esse botão está próximo ao final do menu suspenso. Em seguida, o Safari vai exibir o código fonte da página.
    • Você também pode exibi-lo pressionando o atalho ⌥ Option + ⌘ Command + U .
    Publicidade

Dicas

  • Embora não seja possível visualizar o código fonte em um navegador de internet móvel, você pode salvar um favorito no Safari no iOS para ter acesso a esse código.
Publicidade

Avisos

  • Tenha cuidado ao baixar softwares de terceiros que aleguem exibir código fonte de um site.


Publicidade

WikiHows Relacionados

Como
Executar um Arquivo HTML no Visual Studio Code
Como
Converter de Decimal para Binário
Como
Executar um Arquivo HTML
Como
Desligar um Computador Usando o Bloco de Notas
Como
Converter Números Binários em Decimais
Como
Executar um Programa a Partir da Linha de Comando do Linux
Como
Formatar Texto como Código no Discord
Como
Fazer um Programa Usando o Bloco de Notas
Como
Compilar e Executar um Programa Java Usando o Prompt de Comando
Como
Calcular uma Porcentagem em Java
Como
Verificar a versão do Python no Windows ou Mac
Como
Fazer um Arquivo Exe
Como
Usar o Notepad++
Como
Converter de Decimal para Hexadecimal
Publicidade

Sobre este guia wikiHow

Em outras línguas
Esta página foi acessada 218 743 vezes.

Este artigo foi útil?

Publicidade