by wingleung

wingleung / save-page-state

A chrome extension to save the state of a page for further analysis

206 Stars 9 Forks Last release: Not found MIT License 3 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Save Page State

Save Page State

A browser extension to save the state of a page for further analysis

Chrome Web Store Software License



Install the extension from the chrome web store or firefox add-ons.

Or create a custom extension with this repo with limited access permission


Restrict Access Permission

In manifest.json (

), replace
 with your own project URL pattern you wish to save the page states from.
    "content_scripts": [
            "matches": [""], // "]  // 

Install dependencies

npm i


npm run build

Builds to




Create a zip file from

upload it to the chrome web store.


Create a zip file from

upload it to the firefox developer hub.


npm run dev:chrome // builds to /build/dev/chrome
npm run dev:firefox // builds to /build/dev/firefox


DOM Snapshot

An HTML file containing the state of the DOM.

MHTML file (chrome only for now)

Note Firefox doesn't support saving an MHTML file natively yet.

An MHTML page with encapsulated resources, so you could immediately check the layout by opening the MHTML file in Chrome.


A PNG image of the viewport.


Text file with extra metadata useful for debugging with the exact same state.

  • height: viewport height
  • width: viewport width
  • incognito: is page loaded in incognito mode
  • status: page loading status
  • title: page title
  • url: page URL
  • browser: browser
  • browserVersion: browser version
  • os: operating system


Wing Leung

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.