Comment visualiser le code source d’une extension Chrome

Plusieurs raisons font que l’on veuille voir le code source d’une extension Chrome (ce qui inclut les applications et les thèmes pour Chrome) : la curiosité, des raisons de sécurité car après tout on ne sait jamais trop ce que fait vraiment une extension développée par une personne inconnue, pour apprendre à créer une extension ou un thème, à des fins de traduction…

extension-chrome

Les extensions Chromes et les Web apps sont distribuées au format CRX qui sont en fait de simples archives zip tout à fait conventionnelles.

Pour voir le code source des extensions Chrome installées sur votre ordinateur, le plus simple consiste à ouvrir le dossier où elles se trouvent :

C:\Users\Administrateur\AppData\Local\Google\Chrome\User Data\Default\Extensions

en remplaçant Administrateur par votre nom de profil Windows et éventuellement User Data par le nom de votre profil sur Chrome.

dossier-extension-chrome

Pour chaque extension on trouve un dossier séparé dans lequel on peut visualiser les différents fichiers qui la compose.

On peut aussi vouloir voir le code d’une extension avant de l’installer sur le navigateur Chrome. Pour cela, le bookmarklet Get CRX peut être utilisé. Il a été développé par Amit de l’excellent site Digital Inspiration.

Le signet est à copier dans la barre d’outil de Chrome (ou pourquoi pas d’un autre navigateur).

Quand vous voulez voir le code source d’une extension, allez sur la page de l’extension sur le Chrome Web Store puis cliquer sur Get CRX. Un nouvel onglet s’ouvre avec un lien qui permet de télécharger le fichier CRX de l’extension.

telecharger-extension-chromeUn clic droit de souris permet de télécharger le fichier pour l’étudier.

Le bookmarklet peut aussi être utilisé pour récupérer un thème ou une application Chrome.