Come visualizzare il codice sorgente di un'estensione di Chrome

Prova Il Nostro Strumento Per Eliminare I Problemi

Le estensioni di Chrome vengono fornite in uno stato in cui è possibile visualizzarne il codice sorgente. Questo è interessante per una serie di motivi, anche se potrebbe non essere qualcosa che potresti voler fare se non sei esperto di JavaScript o conosci qualcuno che lo è.

Probabilmente il motivo più ovvio per cui potresti voler passare attraverso la fonte delle estensioni di Chrome è controllarle prima di installarle nel browser.

Ciò è particolarmente vero se non si conosce l'autore dell'estensione o se l'estensione è offerta su un sito di terze parti e non il Chrome Web Store ufficiale .

Un altro motivo è controllare come è stato fatto qualcosa. Forse sviluppi anche estensioni per il browser e vuoi solo scoprire come l'autore di un'estensione ha implementato una certa funzionalità che ti interessa. Dato che puoi accedere al codice sorgente, puoi usarlo per l'apprendimento.

E l'accesso al sorgente è utile anche se si desidera modificare l'estensione, ad esempio rendendola efficiente o rimuovendone le funzionalità.

Recupero del file di estensione di Chrome

Ora, il primo e più grande ostacolo è mettere le mani sul file crx di Chrome. Sebbene sia possibile installare l'estensione in Google Chrome per scaricarla in questo modo, non è sempre un'opzione, soprattutto se si desidera verificarla prima di installarla.

Se questo non è un problema, controlla le posizioni delle estensioni ufficiali:

  • Linux : ~ / .config / google-chrome / Default / Extensions /
  • Mac : ~ / Library / Application Support / Google / Chrome / Default / Extensions
  • finestre : C: Users [nome utente] AppData Local Google Chrome User Data Default Extensions

Tieni presente che il nome dell'applicazione potrebbe essere diverso a seconda della versione di Google Chrome che stai utilizzando. Ad esempio, può essere cromo o cromo-sxs.

Qui trovi tutte le estensioni installate come cartelle. Trovi l'ID nella pagina chrome: // extensions /. Confronta l'ID elencato in quella pagina con la struttura della directory.

chrome extension id

chrome extension folder

Alternativa senza installazione

Aggiornare : Il seguente metodo non funziona più. Puoi utilizzare un'estensione del browser come Ottieni CRX per scaricare qualsiasi estensione di Chrome nel sistema locale. Fine

Puoi scaricare qualsiasi estensione di Chrome dallo store senza installarla prima nel browser. Il metodo funziona in tutti i browser web, non solo in Google Chrome. Ecco qui:

  • Apri la pagina dello store dell'estensione che desideri scaricare.
  • Tieni presente che l'indirizzo contiene il suo ID, ad es. aknpkdffaafgjchaibgeefbgmgeghloj in questa pagina: https://chrome.google.com/webstore/detail/angry-birds/aknpkdffaafgjchaibgeefbgmgeghloj
  • Incolla https://clients2.google.com/service/update2/crx?response=redirect&x=id%3D---%26uc in un'altra finestra del browser ma non caricarla ancora.
  • Sostituisci --- con l'ID dell'estensione che, nel caso dell'estensione di esempio sopra, porta a https://clients2.google.com/service/update2/crx?response=redirect&x=id%3Daknpkdffaafgjchaibgeefbgmgeghloj%26uc
  • Carica quell'indirizzo e il file crx dell'estensione verrà scaricato sul tuo sistema.

Unzipping

Se scarichi l'estensione invece di installarla, devi prima decomprimerla prima di poter visualizzare il suo codice sorgente. Puoi usare un programma come 7-Zip per quello per esempio.

Basta fare clic con il pulsante destro del mouse sul file dell'estensione scaricato e selezionare 7-zip> Estrai in dal menu che si apre.

Questo estrae l'estensione in una cartella nella stessa directory in cui è archiviata.

Da qui, puoi sfogliare i vari file con cui viene fornito in editor di testo normale o editor specializzati.