October 8, 2020

Chrome Extension: View source

This is a recurring question I always have to look out: How to view the source code of a Chrome Extension?

I document here the step-by-step answer.
 

Get Extension Id

Go to your Chrome extensions (e.g. open chrome://extensions) or got to 2 vertical dots->More Tools->Extensions)
Find the extension you want to get the source code of.
Click on Details
Pick from the URL the extension Id
chrome://extensions/?id=kbfnbcaeplbcioakkpcpgfkobkghlhen 

Find your Chrome Profile installation folder

Your Chrome Default profile is located under %userprofile%\AppData\Local\Google\Chrome\User Data\Default
You can copy/paste it directly in the File Explorer address bar. (userprofile environment variable will be expanded.)


Alternatively and if you use different profiles, pick up the right one where you have installed the extension.
You can get if by opening chrome://version/

and copy/paste if from here to the file Explorer.
The source code of the extension is located under your Chrome Profile folder under the Extensions ->{ExtensionId} folder


No comments:

Post a Comment