Visualizar código fonte de sites com bloqueio

Visualizar código fonte de sites com bloqueio pode parecer difícil, mas existem diversas formas de abrir o código fonte de uma página mesmo em sites que desativam o clique direito do mouse para evitar cópia de conteúdo.

É impossível impedir que um navegador tenha acesso ao código fonte do site. Por isso, vou mostrar como ver o código fonte de um site com bloqueio usando métodos simples, sem plugins avançados.

Até aquele site mais restritivo pode ter o código HTML acessado sem grandes dificuldades — basta saber qual técnica usar em cada tipo de bloqueio.

Como abrir o código fonte de uma página bloqueada

O primeiro passo é entender como a página foi bloqueada. Algumas apenas bloqueiam o botão direito do mouse, outras também bloqueiam os atalhos para abrir o código fonte da página, como Ctrl+U, Ctrl+Shift+I e F12.

Principais atalhos para abrir o código fonte da página ou inspecionar elementos:

• Ctrl+U (Windows) — abre o código fonte diretamente
• F12 — atalho para inspecionar a página e abrir a ferramenta do desenvolvedor
• Ctrl+Shift+I (Windows) — atalho para inspecionar página via DevTools
• ⌘-Option-U (Mac) — exibir código fonte no Safari/Chrome
• ⌘-Option-I (Mac) — abrir inspetor de elementos

Abaixo vou detalhar cada tipo de bloqueio e como contorná-lo para acessar o código fonte de um site bloqueado.

Bloqueio do botão direito do mouse

O bloqueio mais simples e comum é desativar o botão direito do mouse, pois a forma mais intuitiva de abrir o código fonte da página é clicando com o botão direito e selecionando a opção Exibir código fonte da página.

Ao clicar com o botão direito, aparece esse pop-up com a opção Exibir código fonte da página. Quando esse botão está bloqueado, basta usar o atalho de teclado Ctrl + U para abrir o código fonte diretamente.

Script utilizado pelos sites para bloquear o botão direito do mouse:

<script>
document.onmousedown=disableclick;
Function disableclick(e)
{if(event.button==2){return false;}}
</script>

Code language:HTML, XML(xml)

Como exibir código fonte no Chrome e outros navegadores

Para exibir o código fonte no Chrome, Firefox ou Edge, você pode usar o prefixo view-source: diretamente na barra de endereços — mesmo quando o site bloqueia Ctrl+U e Ctrl+C.

Basta digitar view-source: antes do endereço do site:

view-source:URL

view-source:https://www.google.com.br

Essa é a forma mais confiável de ver o código fonte de um site quando os atalhos de teclado estão desabilitados, pois o navegador carrega o HTML diretamente na URL e ignora os scripts de bloqueio da página.

Script utilizado pelos sites para bloquear Ctrl+C e Ctrl+U:

<script>
document.onkeydown = function(e) {if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 123))}return false;};
</script>

Code language:HTML, XML(xml)

Bloqueio de download de imagens

Alguns sites bloqueiam o botão direito especificamente sobre imagens para tentar prevenir o download. Para contornar isso e acessar as imagens pelo código fonte:

• Use view-source: na barra de endereços para abrir o HTML completo
• Pressione Ctrl + F dentro do código e busque por .jpg ou .png
• Clique diretamente nos links encontrados para abrir e salvar as imagens

Script utilizado pelos sites para bloquear o download de imagens:

<script>
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {return false;}
    } document.oncontextmenu = nocontext;
</script>

Code language:HTML, XML(xml)

Como abrir páginas bloqueadas com extensão do Chrome

Se você precisa saber como abrir páginas bloqueadas pelo botão direito, existe uma extensão gratuita para o Chrome chamada Right Click Enable que reativa o menu de contexto em qualquer site — sem precisar digitar comandos ou editar código.

Inspecionar página com atalho F12 ou Ctrl+Shift+I

Outra forma muito eficiente de inspecionar o código fonte é usar o atalho F12 ou Ctrl + Shift + I. Esses dois atalhos para inspecionar a página abrem a ferramenta do desenvolvedor (DevTools), disponível no Chrome, Firefox e Edge, que permite:

• Ver o HTML completo da página em tempo real
• Inspecionar elementos individuais ao passar o mouse
• Acessar e baixar imagens diretamente pela aba Network
• Verificar scripts, estilos CSS e chamadas de API

O DevTools é a ferramenta mais completa para ver o código fonte de um site, pois exibe o HTML renderizado (após a execução de JavaScript), e não apenas o HTML estático retornado pelo servidor.

Perguntas Frequentes