O código HTML subjacente usado para construir um site não está oculto, mas é facilmente acessível a qualquer pessoa com as ferramentas adequadas. Por exemplo, navegadores da Web como Firefox, Chrome, Safari, Opera e Internet Explorer têm várias maneiras de visualizar o código HTML, CSS ou JavaScript de um site diretamente. Além disso, algumas ferramentas dedicadas ao desenvolvedor da Web podem carregar e abrir uma página da Web da Internet como um arquivo armazenado em um disco local.
Ver código-fonte no navegador
As etapas necessárias para ver o código HTML de um site são essencialmente as mesmas para Firefox, Chrome, Safari, Opera e Internet Explorer. Clique com o botão direito do mouse em uma seção de uma página da Web que contém apenas texto e selecione a opção "Exibir origem" ou "Exibir origem da página". Dependendo da configuração do seu navegador, o código HTML é aberto em uma nova guia do navegador ou em uma janela separada do aplicativo.
Salvar código-fonte em disco
Se você precisar examinar ou editar o código de um site posteriormente, poderá salvar a página em seu disco rígido. Quando você clica com o botão direito do mouse em uma página da Web no Firefox ou Safari, é oferecida a opção "Salvar página como". O Chrome e o Opera têm a opção "Salvar como". Para salvar uma página da Web usando o Internet Explorer, clique em "Ferramentas", "Arquivo" e depois em "Salvar como". Além da própria página da Web, o navegador salva todas as imagens, arquivos CSS e JavaScript que a página usa e que são armazenados localmente em seu servidor da Web.
Ferramentas de desenvolvedor de navegador integradas
Firefox, Chrome, Opera e Internet Explorer fornecem um modo de desenvolvedor que permite visualizar simultaneamente uma página da Web renderizada e seu código HTML, CSS e JavaScript. Se você clicar em um elemento na Web, seu código aparecerá no painel de exibição do desenvolvedor. O painel do desenvolvedor pode ser acessado através das opções ou ferramenta de configuração. Embora o Safari não tenha uma ferramenta de desenvolvedor nativa, você pode instalar uma como uma extensão.
Aplicativos para desenvolvedores da Web
Ferramentas de design de sites como Dreamweaver, Kompozer e Microsoft Expressions permitem que você abra uma página da Web online usando seu URL. Você visualiza o código HTML em uma visualização somente de código-fonte ou em uma visualização dividida, visualização e fonte. Além disso, você pode editar o código e visualizar as alterações em tempo real. O código real armazenado no servidor do site nunca é alterado.
Problemas que você pode encontrar
Intencionalmente ou não, alguns sites não entregam seu código HTML facilmente. Por exemplo, alguns sites usam código JavaScript, que bloqueia os cliques com o botão direito. Você ainda pode visualizar o código-fonte baixando a página em seu disco ou desabilitando o JavaScript em seu navegador. Outros sites usam frames ou iframes HTML, que impedem que você acesse diretamente sua fonte. Firefox, Chrome, Safari e Opera detectam sites baseados em frames e oferecem automaticamente a opção de visualizar o código-fonte de um frame. Se uma página da Web usa um arquivo JavaScript ou CSS armazenado em outro domínio, você pode visualizar o código desse arquivo diretamente copiando seu URL do código HTML que você pode acessar e colando-o na barra de endereço de uma nova guia do navegador.
