Features take it with you

Save a web page as it is right now, cookie banner dismissed

W Save page HTML in the toolbar, free with no account

Not the HTML the server sent: the page as it stands in front of you, after the banner was dismissed, the menu opened and the tab switched. As one file, with the stylesheets beside it.

Save page HTML on a real page. Silent, 1.6MB, and nothing is fetched until you scroll to it.

What you get

The current state
Whatever the DOM is now, which is rarely what the server sent.
Absolute URLs
So the file still finds its assets outside the site.
No scripts
The preview renders without them, which is the point: it is a record, not a running app.
Styles beside it
The page stylesheets in their own pane, so the markup is buildable.

How Verbatim does it

The current DOM is serialised as it stands, after whatever you dismissed, opened or switched, with relative URLs rewritten to absolute so the file does not depend on the site's paths. The stylesheets are collected beside it, and the preview copy is rendered with scripts stripped, so opening the file shows the page rather than running it.

How to use it

  1. Press Alt+Shift+P, then W.
  2. Read the markup and the styles in their panes.
  3. Download the file.

What it will not do

Compared with Ctrl+S, or fetching the URL

Saving with the browser or fetching the URL both give you the page as the server sends it: before the cookie banner was dismissed, before the menu was opened, before the tab was switched, and before anything client-rendered had run.

This serialises the DOM as it stands right now, after all of that, with relative URLs rewritten to absolute so the file does not depend on the site's paths. The stylesheets are collected beside it and the preview copy is rendered with scripts stripped, so opening the file shows the page rather than running it.

When to use this one

Use Save page HTML to keep a page in a particular state. Use Pick element when you want one component rather than the whole document, and Images and SVGs when you want the assets on their own.

Questions about Save page HTML

Is this the same as Ctrl+S?

No. Ctrl+S saves what the server sent. This saves the DOM as it stands after whatever you dismissed, opened or switched, which is usually the state you actually wanted to keep.

Does the saved file still work offline?

It opens and renders, with its styles beside it and URLs made absolute. Assets still load from their original hosts, so an offline copy shows the structure and the styling rather than the photography.

Are scripts included?

The preview copy is rendered with scripts stripped, so opening the file shows the page rather than executing it. That is a safety property, not a limitation.

Why are the URLs rewritten?

Because a relative path means nothing once the file is on your disk. Rewriting to absolute is what stops every image and stylesheet from breaking the moment you open it.

What is the shortcut?

W, once the toolbar is open with Alt+Shift+P.

Already have it? The first thirty seconds covers the shortcut, all thirteen keys and what to do if something does not work.

Next to this one