How to Find & View the Files Installed by a Chrome Extension

  • January 14, 2019
  • Read 323,381 times
 

Whether it be because you suspect a Chrome extension is malicious, you want to create a backup of a favorite and discontinued extension, or you just want to see how the extension works, knowing how to find and view the files installed by a Chrome extension can be useful.

In this tutorial we are going to provide two methods that you can use to view the files associated with a Chrome extension. The first method is to view the actual files installed on your computer, which is useful if an extension is no longer available on the Chrome Web Store or the store has a different version than the one installed on your computer.

The second method is to use an extension called Chrome extension source viewer that makes it very easy to view the source code of an extension directly from the Chrome Web Store.

View the files belonging to an installed Chrome extension

When extensions are installed into Chrome they are extracted into the C:\Users\[login_name]\AppData\Local\Google\Chrome\User Data\Default\Extensions folder. Each extension will be stored in its own folder named after the ID of the extension.

For example, below is the folder that contains the currently installed Chrome extensions, with each subfolder corresponding to an installed extension.

Extensions Folder
Extensions Folder

To view the contents of an extension, first find its ID, and then open the corresponding folder. When you open the folder you will be shown all the images, html, JavaScript files used by the extension.

Files belonging to an extension
Files belonging to an extension

To view the source code of a particular, simply right-click on it and select Open with and open it with the Notepad application. For JS, HTML, and JSON files, you will now be able to see the source code directly in Notepad.

View source file in Notepad
View source file in Notepad

If you wish to backup the folder that contains the installed extension, just zip the folder named after the extensions ID in the C:\Users\[login_name]\AppData\Local\Google\Chrome\User Data\Default\Extensions folder.

View source code of extension on Chrome Web Store

If you would like to view the source code of an extension before you install it, then there is a great extension that allows you to do so. The Chrome extension source viewer is an extension that allows you to view the source code of any extension that is available from the Chrome Web Store.

Once you install the extension, you will be given a new a right-click context menu option titled "View extension source".

Caption

Clicking on this menu option, will open the zip file containing the extension and display the contents of the archive as shown below. From this interface you can click on the various files to see their contents.

Extension Source Viewer
Caption

When done viewing the contents, you can close the windows.

This extension also allows you to download the corresponding Zip file for the extension from the Chrome Web Store by clicking on the Download button. This is particularly useful when you want to make an archive of the current version of the extension being offered by the Chrome Web Store.

Users who read this also read:

  • How to Find the ID for a Chrome Extension Image
    How to Find the ID for a Chrome Extension

    Google Chrome extensions are small programs that can be installed to add or change the browser's functionality. When an extension is created and signed by Google, it will be given a unique ID that becomes associated with the extension. This tutorial will explain how to find that ID.

  • What are Google Chrome Extensions? Image
    What are Google Chrome Extensions?

    Google Chrome extensions are programs that can be installed into Chrome in order to change the browser's functionality. This includes adding new features to Chrome or modifying the existing behavior of the program itself to make it more convenient for the user.

  • How to Clear or Flush the DNS Cache in Windows Image
    How to Clear or Flush the DNS Cache in Windows

    If you are not able to connect to a particular site and its IP addresses is not resolving properly, it could be a problem with the DNS servers that you are connecting to or an incorrect DNS entry cached in the Windows DNS cache. This tutorial will explain how to flush your DNS cache to see if it fixes a problem connecting to a site.

  • How to Export a Registry Key in Windows Image
    How to Export a Registry Key in Windows

    When making a change to the Registry, it is recommended that you first create a export of the entries that you are about to modify. This allows you to save the information to a Registry file, or .reg file, so that if a problem occurs you can import the original settings back into the Registry.

  • How to Restart the Windows Explorer.exe Process Image
    How to Restart the Windows Explorer.exe Process

    When using Windows 10, you may find that the Windows desktop has frozen and you can no longer use the Start Menu, click on programs, drag files, or switch between windows. When this happens, it may be caused by the Windows Explorer, or Explorer.exe, process having issues and can typically be fixed by restarting it.

 

Comments:

blog comments powered by Disqus
search tutorials

Login