While writing my previous article about How to Create a Google Chrome Extension, I wanted to make my example easy, so people could learn from it. A Google Chrome extension that isn’t complex, but it has a little bit of everything. So I picked the Extension That’s Pretty Good1
If you’ve ever downloaded a
.CRX file locally on your browser and then attempted to open it via a text-editor like Atom by Github, you would notice that you can only see gibberish.
There’s a really simple way to View the Source Code of a Google Chrome Extension.
After I picked the extension for my previous tutorial, I wanted to know what code was used for the audio to play. This is how the hunt began to learn how to view google chrome extension source code. It turned out to be too easy.
It only takes an extension, a couple of steps and you’ll be able to View the Source Code of a Google Chrome Extension
Next to the Omnibox, you should see this icon Click it, you should see the following popup panel
Which allows you to:
- Download as Zip (Download a zip file of the source code)
- View Source (View source code of the extension inside Google Chrome)
That’s it. I don’t think there is a need to have more steps.
Clicking on View source like we discussed allows you to View the Source Code of a Google Chrome Extension inside the Google Chrome browser in a very easy to use and understandable window.
As you can see, you can search through all the files and filter the content based on what it is;
Other notable features such as:
- Automatic beautification (formatting) of code
- Syntax highlighting
- Image preview
- Show hashes (md5, sha1, sha256, sha384, sha512) of the file content.
- Download Chrome Web Store extensions for a different platform (e.g. Chrome OS or NaCl).
That wasn’t difficult after all, right? Just an extension, a click and you will be able to View the Source Code of a Google Chrome Extension.
Hopefully, this will help you understand how an extension works or maybe find a code that you needed but didn’t know how to write. Good luck!