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

Cada extensão do Chrome que você instala no seu computador é construída de um arquivo zip especial que contém arquivos e pastas do código Javascript e outros recursos. O grande é que você pode realmente olhar para o código-fonte de uma extensão e ver o que realmente está 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 você mesmo, 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 do , você a instala, embora, infelizmente, essa maneira requer a instalação de uma extensão. Continue lendo todos os detalhes.

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

O primeiro método é usado para visualizar o código-fonte das extensões que estão atualmente instaladas no seu Navegador do Google Chrome. Comece navegando para a página "cromo: //extensions/".Alternativamente, você 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, você precisará marcar a caixa de seleção no canto superior direito da página que diz "Modo de desenvolvedor" e encontrar a ID para a extensão para a qual deseja o código-fonte. Para os fins desta demonstração, usaremos a ID para "AdBlock" que é "ID: gighmmpiobklfepjocnamgkkbiglidom"

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

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

% localappdata%

Agora você precisará navegar pelas pastas como esta: Google - & gt;Chrome - & gt;Dados do usuário - & gt;Perfil - & gt;Extensões. Em alguns casos, sua pasta de perfil pode ser chamada de algo diferente, como o Perfil 1, por isso tenha em mente isso ao navegar.

Uma vez que você está lá, você deve poder ver um monte de pastas com nomes muito longos, e um deles combinará com a ID da extensão que você está procurando.

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

Usando o Visualizador de Código de Origem de Extensão do Chrome

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

Uma vez que a extensão foi instalada, você deve ver uma caixa de diálogo de confirmação pop-up como aquela abaixo.

Agora que está instalado, você pode entrar na Google Chrome Store e visualizar 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 online.

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

Isso é tudo aí.