>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Ver o Código HTML de um Site

O código HTML subjacente usado para construir um site não está oculto, mas prontamente acessível a qualquer pessoa com as ferramentas adequadas. Por exemplo, navegadores web como Firefox, Chrome, Safari, Opera e Internet Explorer têm várias maneiras de você visualizar diretamente o código HTML, CSS ou JavaScript de um site. Além disso, algumas ferramentas dedicadas de desenvolvedor web podem carregar e abrir uma página web da Internet como um arquivo armazenado em disco local.

Ver Código-Fonte no Navegador

Os passos necessários para ver o código HTML de um site são essencialmente os mesmos para Firefox, Chrome, Safari, Opera e Internet Explorer. Clique com o botão direito em uma seção de uma página web que contenha apenas texto e selecione a opção "Ver Código-Fonte" ou "Ver código-fonte da página". Dependendo da configuração do seu navegador, o código HTML abre em uma nova aba do navegador ou em uma janela de aplicativo separada.

Salvar Código-Fonte no Disco

Se você precisar examinar ou editar o código de um site mais tarde, pode salvar a página no seu disco rígido. Quando você clica com o botão direito em uma página web no Firefox ou Safari, é oferecida a opção "Salvar Página Como". Chrome e Opera têm a opção "Salvar como". Para salvar uma página web usando o Internet Explorer, clique em "Ferramentas", "Arquivo" e depois "Salvar como". Além da própria página web, o navegador salva todas as imagens, arquivos CSS e JavaScript que a página usa e que estão armazenados localmente no seu servidor web.

Ferramentas de Desenvolvedor Integradas ao Navegador

Firefox, Chrome, Opera e Internet Explorer fornecem um modo de desenvolvedor que permite visualizar simultaneamente uma página web renderizada e seu código HTML, CSS e JavaScript. Se você clicar em um elemento na web, seu código aparece no painel de exibição do desenvolvedor. O painel do desenvolvedor pode ser acessado através das ferramentas de opções ou configuração. Embora o Safari não tenha uma ferramenta de desenvolvedor nativa, você pode instalar uma como extensão.

Aplicações de Desenvolvedor Web

Ferramentas de design de sites como Dreamweaver, Kompozer e Microsoft Expressions permitem abrir uma página web online usando sua URL. Você visualiza o código HTML em uma visualização apenas de código-fonte ou uma visualização dividida de prévia e fonte. Além disso, você pode editar o código e ver as mudanças 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 cliques com o botão direito. Você ainda pode visualizar o código-fonte baixando a página para o seu disco ou desativando JavaScript no seu navegador. Outros sites usam frames HTML ou iframes, que impedem o acesso direto ao seu código-fonte. Firefox, Chrome, Safari e Opera detectam sites baseados em frames e automaticamente oferecem a opção de visualizar o código-fonte de um frame. Se uma página web usa um arquivo JavaScript ou CSS armazenado em outro domínio, você pode visualizar o código desse arquivo diretamente copiando sua URL do código HTML que você pode acessar e colando na barra de endereços de uma nova aba do navegador.