Como visualizar o código-fonte de uma extensão do Google Chrome

Cada extensão do Chrome que você instala no seu computador é, na verdade, construída a partir de um arquivo zip especial que contém arquivos e pastas de código Javascript e outros recursos. O melhor é que você pode realmente olhar para o código-fonte de uma extensão e ver o que está realmente fazendo.

O problema com as extensões do navegador é que muitos deles estão espionando você, inserindo anúncios em seu navegador ou fazendo todo tipo de outras coisas nefastas. Então, se você quiser verificar o código-fonte, estas são as duas maneiras fáceis de fazer isso.

Felizmente, existe até uma maneira de ver o código-fonte de uma extensão antes você instalá-lo, embora infelizmente isso requer a instalação de uma extensão. Continue lendo para todos os detalhes.

Encontre um código fonte da extensão do Chrome no seu disco rígido

O primeiro método é usado para visualizar o código-fonte das extensões atualmente instaladas no seu navegador Google Chrome. Comece navegando até a página "chrome: // extensions /". Em alternativa, pode clicar nas três barras horizontais no canto superior direito da janela do Chrome e, em seguida, clicar na opção "Mais ferramentas" e, em seguida, clicar em "Extensões".

Agora que você está na sua página de extensões, marque a caixa de seleção no canto superior direito da página que diz "Modo de desenvolvedor" e encontre o ID da extensão para a qual você deseja o código-fonte. Para os fins desta demonstração, usaremos o ID para "AdBlock", que é "ID: gighmmpiobklfepjocnamgkkbiglidom"

Agora que você sabe o ID da extensão, você precisará abrir o Windows Explorer abrindo qualquer pasta ou pressionando o botão “Windows” e “E” ao mesmo tempo.

Uma vez lá, digite o seguinte na barra de localização:

% localappdata%

Agora você precisa navegar pelas pastas da seguinte forma: Google -> Chrome -> Dados do usuário -> Perfil -> Extensões. Em alguns casos, sua pasta de perfil pode ser chamada de algo diferente, como o perfil 1, por isso lembre-se disso enquanto navega para baixo.

Quando estiver lá, você poderá ver um monte de pastas com nomes realmente longos e uma delas corresponderá à ID da extensão que você está procurando.

Depois de entrar nesta pasta, você deverá ver outra pasta com a versão da extensão. Basta clicar duas vezes no ícone novamente para ver todos os arquivos e pastas associados ao código-fonte de sua extensão.

Usando o visualizador de código-fonte da extensão do Chrome

Neste método, você precisará baixar essa extensão que permite visualizar o código-fonte ou o arquivo CRX de qualquer extensão na Google Web Store..

Depois que a extensão tiver sido instalada, você verá uma caixa de diálogo de confirmação pop-up como a abaixo.

Agora que está instalado, você pode acessar a Google Chrome Web Store e ver o código-fonte de qualquer aplicativo. Basta clicar no ícone amarelo na barra de localização e você terá a opção de baixar o arquivo como um arquivo zip ou visualizá-lo on-line.

Se você baixar como um arquivo zip, você pode simplesmente descompactar o arquivo e visualizá-lo usando qualquer visualizador de arquivos de texto normal. Como alternativa, se você decidir visualizar o código-fonte on-line, verá algo mais ao longo dessas linhas em uma nova guia do Chrome.

Isso é tudo que existe para isso.