There is no doubt. Google Chrome is one of the most used web browsers. We can do a lot of things with Google Chrome just like other browsers. However, people always want something more.
Google gives us an option to enrich Chrome’s functionality by allowing us to install additional Chrome Extensions. A Chrome Extension is nothing but a collection of source codes to a do specific job. There are many developers who created Chrome Extension. Perhaps, you are one of them.
For those having a curious minds, they may want to see a Chrome Extension source code to learn how it works.
Viewing a Chrome Extension source code is not as easy as viewing a web page source (right click –> view page source). But, you can do that by following these steps.
- First and foremost. Open your Google Chrome and type “chrome://extensions” on the address bar and you will be directed to the Extensions page
- On the Extensions page, check the Developer mode option to see the details of each extensions. We need this to see IDs of the extensions.
Please note, we are going to use ColorZilla as the example on this article. As you can see from the screenshot above, you can get the ColorZilla ID once Developer mode is checked. Put this ID on the text editor on your computer in order to ease your work.
- Now, type “chrome://version” on the address bar to see the Profile Path. Profile Path is the location of the folder of Extensions existing on your computer.
- Now please open your file explorer and head to the Profile Path as you have got. I use Ubuntu in this article so it will looks like this. If you use Ubuntu too, don’t forget to check the Show Hidden Files option (View –> Show Hidden Files).
- As you can see, there are several folders with the name based on the extension IDs. Just enter to your desired one see what you want.