Skip to content

Instantly share code, notes, and snippets.

@cy20lin

cy20lin/how-to-view-source-of-chrome-extension.md

Forked from paulirish/how-to-view-source-of-chrome-extension.md
Created August 7, 2018 04:30
Show Gist options
  • Save cy20lin/9a9c00ff7cc34d2f61e1aa916342f7ce to your computer and use it in GitHub Desktop.
Save cy20lin/9a9c00ff7cc34d2f61e1aa916342f7ce to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @paulirish paulirish revised this gist Oct 10, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion how-to-view-source-of-chrome-extension.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@

    ```sh
    extension_id=jifpbeccnghkjeaalbbjmodiffmgedin # change this ID
    curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=unknown&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc"
    curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc"
    unzip -d "$extension_id-source" "$extension_id.zip"
    ```

  2. @paulirish paulirish renamed this gist Aug 26, 2015. 1 changed file with 0 additions and 0 deletions.
    0 howto.md → how-to-view-source-of-chrome-extension.md
    View file
    File renamed without changes.
  3. @paulirish paulirish created this gist Aug 26, 2015.
    30 changes: 30 additions & 0 deletions howto.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    ## Option 1: Command-line download extension as zip and extract

    ```sh
    extension_id=jifpbeccnghkjeaalbbjmodiffmgedin # change this ID
    curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=unknown&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc"
    unzip -d "$extension_id-source" "$extension_id.zip"
    ```

    Thx to crxviewer for the [magic download URL](https://github.com/Rob--W/crxviewer/blob/6113c25e3569e1ec59365ad9a177aa97e2bcda61/src/cws_pattern.js#L27-L74).

    ## Option 2: Use the CRX Viewer extension

    The [Chrome extension source viewer](https://chrome.google.com/webstore/detail/chrome-extension-source-v/jifpbeccnghkjeaalbbjmodiffmgedin?hl=en) is open source ([github repo](https://github.com/Rob--W/crxviewer)) and makes this super easy.

    ![](https://lh6.googleusercontent.com/OV3gJcwk5QJk0lkLxta7t_m_hP1VSiJaIgd7w9XmxlVOVBaueTAHurfKSumlsVNXVR9hiEEOtQ=s640-h400-e365-rw)
    ![](https://lh5.googleusercontent.com/26b4cVeAY8VJgEcdavxxII5MTYf-QXnDdlFjgtd5X3EX3dQjzQJxTkuWilcY1HqUzjJPSVdlJg=s640-h400-e365-rw)

    ## Option 3: View source of locally installed extension

    1. Find your Chrome local profile directory. Open `chrome://version/` and find the "Profile Path:` field. Open that folder up.
    2. Open the `Extensions/` subfolder
    3. All your extensions are here, with typically readable source.

    ### Mapping between locally installed extension IDs and names
    * On `about:extensions`, turn on Developer Mode and you'll see IDs under each entry
    * Inside the `Extensions/` folders, the manifest.json has a readable `name` field

    ![image](https://cloud.githubusercontent.com/assets/39191/9500889/d7ffe65a-4bdc-11e5-9cfd-06ac0cbe5497.png)